.neon-btn{background:linear-gradient(180deg,color-mix(in srgb,#f64bff 40%,transparent 15%) 10%,color-mix(in srgb,#f64bff 45%,transparent 12%) 90%)}.neon-btn,.neon-btn-dark{position:relative;border-radius:20px;padding:1rem 1.75rem;font-weight:400;color:#fff;text-align:center;border:1px solid color-mix(in srgb,#f64bff 70%,#fff 30%);box-shadow:inset 0 1px color-mix(in srgb,#f64bff 50%,#fff 30%),0 12px 24px color-mix(in srgb,#f64bff 35%,transparent),0 0 0 1px color-mix(in srgb,#f64bff 35%,transparent);isolation:isolate}.neon-btn-dark{background:#dd1fff}.neon-btn:before{content:"";position:absolute;inset:-10px;border-radius:inherit;background:radial-gradient(60% 60% at 50% 40%,color-mix(in srgb,#f64bff 55%,transparent) 0,transparent 70%);filter:blur(14px);z-index:-1;pointer-events:none}.neon-btn:hover{transform:translateY(-1px);box-shadow:inset 0 0 color-mix(in srgb,#f64bff 55%,#fff 30%),0 16px 28px color-mix(in srgb,#f64bff 55%,transparent),0 0 0 1px color-mix(in srgb,#f64bff 45%,transparent)}.neon-btn:active{transform:translateY(0);box-shadow:inset 0 0 color-mix(in srgb,#f64bff 50%,#fff 30%),0 8px 16px color-mix(in srgb,#f64bff 45%,transparent),0 0 0 1px color-mix(in srgb,#f64bff 40%,transparent)}@media(prefers-reduced-motion:reduce){.neon-btn{transition:none;transform:none!important}}