.glow-container{--spread:60}.glow-card{--active:.15;--start:0}.glow-card:is(:hover,:focus-visible){z-index:2}.glows{pointer-events:none;filter:blur(calc(var(--blur) * 1px));position:absolute;inset:0}.glows:after,.glows:before{--alpha:0;content:"";-webkit-mask:linear-gradient(#0000, #0000), conic-gradient(from calc((var(--start) - (var(--spread) * .5)) * 1deg), #000 0deg, #fff, #0000 calc(var(--spread) * 1deg));mask:linear-gradient(#0000, #0000), conic-gradient(from calc((var(--start) - (var(--spread) * .5)) * 1deg), #000 0deg, #fff, #0000 calc(var(--spread) * 1deg));opacity:var(--active);background:conic-gradient(from 180deg at 50% 70%,#ef4444 0deg,#7f1d1d 72deg,#ef4444 144deg,#450a0a 216deg,#ef4444 288deg,#fff 1turn) fixed;border:8px solid #0000;border-radius:12px;transition:opacity 1s;position:absolute;inset:-5px;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect}.glow-card:before{content:"";pointer-events:none;-webkit-mask:linear-gradient(#0000, #0000), conic-gradient(from calc(((var(--start) + (var(--spread) * .25)) - (var(--spread) * 1.5)) * 1deg), #ffffff26 0deg, white, #ffffff26 calc(var(--spread) * 2.5deg));mask:linear-gradient(#0000, #0000), conic-gradient(from calc(((var(--start) + (var(--spread) * .25)) - (var(--spread) * 1.5)) * 1deg), #ffffff26 0deg, white, #ffffff26 calc(var(--spread) * 2.5deg));opacity:var(--active);background:#84738c fixed;border:2px solid #0000;border-radius:12px;transition:opacity 1s;position:absolute;inset:0;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect}.glow-card:after{--bg-size:100%;content:"";pointer-events:none;opacity:var(--active,0);--alpha:0;-webkit-mask:linear-gradient(#0000, #0000), conic-gradient(from calc(((var(--start) + (var(--spread) * .25)) - (var(--spread) * .5)) * 1deg), #0000 0deg, #fff, #0000 calc(var(--spread) * .5deg));mask:linear-gradient(#0000, #0000), conic-gradient(from calc(((var(--start) + (var(--spread) * .25)) - (var(--spread) * .5)) * 1deg), #0000 0deg, #fff, #0000 calc(var(--spread) * .5deg));filter:brightness(1.5);background:conic-gradient(from 180deg at 50% 70%,#ef4444 0deg,#7f1d1d 72deg,#ef4444 144deg,#450a0a 216deg,#ef4444 288deg,#fff 1turn) fixed;border:2px solid #0000;border-radius:12px;transition:opacity 1s;position:absolute;inset:0;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect}