.border-glow-button{--edge-proximity:0;--cursor-angle:45deg;--edge-sensitivity:30;--color-sensitivity:calc(var(--edge-sensitivity) + 20);--border-radius:10px;--glow-padding:40px;--cone-spread:25;--glow-color:#f5daa3;--glow-color-60:#f5daa399;--glow-color-50:#f5daa380;--glow-color-40:#f5daa366;--glow-color-30:#f5daa34d;--glow-color-20:#f5daa333;--glow-color-10:#f5daa31a;--gradient-one:radial-gradient(at 80% 55%, #c084fc 0px, transparent 50%);--gradient-two:radial-gradient(at 69% 34%, #f472b6 0px, transparent 50%);--gradient-three:radial-gradient(at 8% 6%, #38bdf8 0px, transparent 50%);--gradient-four:radial-gradient(at 41% 38%, #c084fc 0px, transparent 50%);--gradient-five:radial-gradient(at 86% 85%, #f472b6 0px, transparent 50%);--gradient-six:radial-gradient(at 82% 18%, #38bdf8 0px, transparent 50%);--gradient-seven:radial-gradient(at 51% 4%, #f472b6 0px, transparent 50%);--gradient-base:linear-gradient(#c084fc 0 100%);border-radius:var(--border-radius);isolation:isolate;display:inline-flex;position:relative;overflow:visible;transform:translateZ(.01px)}.border-glow-button:before,.border-glow-button>.border-glow-edge{content:"";border-radius:inherit;z-index:-1;pointer-events:none;transition:opacity .25s ease-out;position:absolute;inset:0}.border-glow-button:not(:hover):before,.border-glow-button:not(:hover)>.border-glow-edge{opacity:0;transition:opacity .75s ease-in-out}.border-glow-button:before{background:linear-gradient(transparent 0 100%) padding-box, linear-gradient(#fff0 0% 100%) border-box, var(--gradient-one) border-box, var(--gradient-two) border-box, var(--gradient-three) border-box, var(--gradient-four) border-box, var(--gradient-five) border-box, var(--gradient-six) border-box, var(--gradient-seven) border-box, var(--gradient-base) border-box;opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));border:1px solid #0000}.border-glow-button>.border-glow-edge{inset:calc(var(--glow-padding) * -1);z-index:-1;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));mix-blend-mode:plus-lighter}.border-glow-button>.border-glow-edge:before{content:"";inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color), inset 0 0 1px 0 var(--glow-color-60), inset 0 0 3px 0 var(--glow-color-50), inset 0 0 6px 0 var(--glow-color-40), inset 0 0 15px 0 var(--glow-color-30), inset 0 0 25px 2px var(--glow-color-20), inset 0 0 50px 2px var(--glow-color-10), 0 0 1px 0 var(--glow-color-60), 0 0 3px 0 var(--glow-color-50), 0 0 6px 0 var(--glow-color-40), 0 0 15px 0 var(--glow-color-30), 0 0 25px 2px var(--glow-color-20), 0 0 50px 2px var(--glow-color-10);position:absolute}@media (prefers-reduced-motion:reduce){.border-glow-button:before,.border-glow-button>.border-glow-edge{transition:none}}