.glow-card{--shine-x:50%;--shine-y:50%;box-shadow:0 20px 80px color-mix(in oklch, var(--background) 70%, transparent), 0 0 40px color-mix(in oklch, var(--primary) 8%, transparent)}.glow-card:after{z-index:1;border-radius:inherit;content:"";background:radial-gradient(240px circle at var(--shine-x) var(--shine-y), color-mix(in oklch, var(--primary) 90%, white 10%), transparent 70%);opacity:0;transition:opacity var(--motion-fast,.25s) var(--motion-ease,ease-out);-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glow-card:hover:after,.glow-card:focus-within:after{opacity:1}@media (prefers-reduced-motion:reduce){.glow-card:after{transition:none}}