[data-glow]{--base: 0;--spread: 0;--radius: 16;--border: 2;--backdrop: hsl(0 0% 4% / .9);--backup-border: hsl(0 0% 15% / .4);--size: 220;--outer: 1}[data-glow]:before,[data-glow]:after{pointer-events:none;content:"";position:absolute;inset:calc(var(--border) * -1px);border-radius:calc(var(--radius) * 1px);border:calc(var(--border) * 1px) solid transparent;-webkit-mask:linear-gradient(transparent,transparent),linear-gradient(white,white);-webkit-mask-clip:padding-box,border-box;-webkit-mask-composite:destination-in;mask:linear-gradient(transparent,transparent),linear-gradient(white,white);mask-clip:padding-box,border-box;mask-composite:intersect}[data-glow]:before{background:radial-gradient(calc(var(--size) * 1px) calc(var(--size) * 1px) at calc(var(--x, 0) * 1px) calc(var(--y, 0) * 1px),hsl(calc(var(--base) + (var(--xp, 0) * var(--spread, 0))) 80% 60% / .9),transparent 100%)}[data-glow]:after{background:var(--backup-border)}[data-glow] [data-glow]{position:absolute;inset:0;will-change:filter;opacity:var(--outer)}[data-glow]>[data-glow]:before{content:"";position:absolute;inset:calc(var(--border) * -1px);border-radius:calc(var(--radius) * 1px);border:calc(var(--border) * 1px) solid transparent;-webkit-mask:linear-gradient(transparent,transparent),linear-gradient(white,white);-webkit-mask-clip:padding-box,border-box;-webkit-mask-composite:destination-in;mask:linear-gradient(transparent,transparent),linear-gradient(white,white);mask-clip:padding-box,border-box;mask-composite:intersect;background:radial-gradient(calc(var(--size) * 2px) calc(var(--size) * 2px) at calc(var(--x, 0) * 1px) calc(var(--y, 0) * 1px),hsl(calc(var(--base) + (var(--xp, 0) * var(--spread, 0))) 80% 60% / .4),transparent 100%);filter:blur(calc(var(--border) * 2px))}a[data-glow]{position:relative}