@property --neon-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.neon-border-button{--border-size: 2px;--radius: 100px;--animation-speed: 3s;position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border:0;border-radius:var(--radius);background:#08090d;color:#fff;font-size:16px;font-weight:600;letter-spacing:.02em;cursor:pointer;overflow:hidden}.neon-border-button:before{content:"";position:absolute;inset:0;z-index:-1;padding:var(--border-size);border-radius:inherit;background:conic-gradient(from var(--neon-angle),transparent 0deg,transparent 235deg,#00eaff 275deg,#7c3aed 310deg,#ff2bd6 340deg,transparent 360deg);-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:xor;mask-composite:exclude;animation:neon-border-run var(--animation-speed) linear infinite}.neon-border-button:after{content:"";position:absolute;inset:-8px;z-index:-2;border-radius:calc(var(--radius) + 8px);background:conic-gradient(from var(--neon-angle),transparent 0deg,transparent 235deg,#00eaff 275deg,#7c3aed 310deg,#ff2bd6 340deg,transparent 360deg);filter:blur(16px);opacity:.55;animation:neon-border-run var(--animation-speed) linear infinite}.neon-border-button__content{position:relative;z-index:1}.neon-border-button:hover{background:radial-gradient(circle at 50% 110%,rgba(0,234,255,.2),transparent 60%),#08090d}.neon-border-button:hover:after{opacity:.9;filter:blur(20px)}.neon-border-button:active{transform:scale(.97)}.neon-border-button:focus-visible{outline:3px solid rgba(0,234,255,.35);outline-offset:4px}.neon-border-button:disabled{cursor:not-allowed;opacity:.45}.neon-border-button:disabled:before,.neon-border-button:disabled:after{animation-play-state:paused}@media(max-width:639px){.neon-border-button{padding:8px 14px;font-size:14px;white-space:nowrap}}@keyframes neon-border-run{to{--neon-angle: 360deg}}@media(prefers-reduced-motion:reduce){.neon-border-button:before,.neon-border-button:after{animation:none}}