@property --glow-angle{syntax:"<angle>";initial-value:0deg;inherits:false}.btn-glow{--glow-primary:#2a9cfa;--glow-secondary:#93c5fd;--glow-accent:#2563eb;--glow-width:2px;--glow-speed:3s;--glow-blur:8px;position:relative;isolation:isolate}.btn-glow:before{inset:0;padding:var(--glow-width);background:conic-gradient(from var(--glow-angle) at 50% 50%,transparent 0,transparent 55%,var(--glow-primary) 65%,var(--glow-secondary)72%,var(--glow-accent) 80%,var(--glow-primary) 87%,transparent 95%,transparent 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;animation:glow-spin var(--glow-speed) linear infinite;z-index:-1}.btn-glow:after,.btn-glow:before{content:"";position:absolute;border-radius:inherit;pointer-events:none}.btn-glow:after{inset:calc(var(--glow-width) * -2);background:transparent;box-shadow:0 0 var(--glow-blur) calc(var(--glow-width)) color-mix(in srgb,var(--glow-primary) 40%,transparent);animation:glow-breathe calc(var(--glow-speed) * .9) ease-in-out infinite;z-index:-2}@keyframes glow-spin{to{--glow-angle:360deg}}@keyframes glow-breathe{0%,to{opacity:.5}50%{opacity:1}}.btn-glow:hover:after,.btn-glow:hover:before{animation-play-state:paused}.btn-glow:hover:after{box-shadow:0 0 calc(var(--glow-blur) * 2) calc(var(--glow-width) * 2) color-mix(in srgb,var(--glow-primary) 60%,transparent);transition:box-shadow .25s ease}.btn-primary2.btn-glow{--glow-primary:#2a9cfa;--glow-secondary:#7dd3fc;--glow-accent:#1d4ed8}.btn-secondary.btn-glow{--glow-primary:#60a5fa;--glow-secondary:#bfdbfe;--glow-accent:#3b82f6;--glow-blur:6px}@media (prefers-reduced-motion:reduce){.btn-glow:before{animation:none;background:conic-gradient(from 270deg at 50% 50%,transparent 0,var(--glow-primary) 65%,var(--glow-secondary)72%,var(--glow-accent) 80%,transparent 95%)}.btn-glow:after{animation:none;opacity:.6}}