:root{--c-accent-light:oklch(60% .22 260);--c-accent-lighter:oklch(68% .18 260)}.dark{--c-accent-light:oklch(77% .17 260);--c-accent-lighter:oklch(82% .14 260)}.demo-wrap[data-astro-cid-cscuwyfs]{flex-direction:column;align-items:center;gap:4rem;display:flex}.fill-btn[data-astro-cid-cscuwyfs]{--fill-x:50%;--fill-y:50%;--glow-x:0;--glow-y:0;font-family:var(--font-sans);color:var(--c-accent);border:2px solid var(--c-accent);cursor:pointer;letter-spacing:.01em;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:9999px;padding:1.25rem 3.5rem;font-size:1.125rem;font-weight:600;transition:color .3s cubic-bezier(.16,1,.3,1),border-color .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),letter-spacing .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:inset 0 1px oklch(100% 0 0/.08),0 1px 3px oklch(20% .02 260/.06),0 4px 12px oklch(20% .02 260/.04)}.dark .fill-btn[data-astro-cid-cscuwyfs]{box-shadow:inset 0 1px oklch(100% 0 0/.06),0 1px 3px oklch(0% 0 0/.2),0 4px 12px oklch(0% 0 0/.15)}.fill-btn-label[data-astro-cid-cscuwyfs]{z-index:2;position:relative}.fill-btn[data-astro-cid-cscuwyfs]:before{content:"";z-index:0;background:radial-gradient(circle at var(--fill-x) var(--fill-y), var(--c-accent-lighter), var(--c-accent-light) 40%, var(--c-accent) 80%);clip-path:circle(0% at var(--fill-x) var(--fill-y));transition:clip-path .7s cubic-bezier(.22,.61,.36,1);position:absolute;inset:0}.fill-btn[data-astro-cid-cscuwyfs].is-hovering:before{clip-path:circle(180% at var(--fill-x) var(--fill-y))}.fill-btn[data-astro-cid-cscuwyfs]:after{content:"";z-index:1;background:linear-gradient(var(--shimmer-angle,105deg), transparent 30%, oklch(100% 0 0/.15) 47%, oklch(100% 0 0/.2) 50%, oklch(100% 0 0/.15) 53%, transparent 70%);transform:var(--shimmer-from,translateX(-101%));pointer-events:none;position:absolute;inset:0}@keyframes glow-breathe{0%,to{box-shadow:inset 0 1px 0 oklch(100% 0 0/.12), calc(var(--glow-x) * 10px) calc(var(--glow-y) * 10px) 30px oklch(from var(--c-accent) l c h / .35), calc(var(--glow-x) * 16px) calc(var(--glow-y) * 16px) 60px oklch(from var(--c-accent) l c h / .22), 0 8px 40px oklch(from var(--c-accent) l c h / .18)}50%{box-shadow:inset 0 1px 0 oklch(100% 0 0/.12), calc(var(--glow-x) * 16px) calc(var(--glow-y) * 16px) 50px oklch(from var(--c-accent) l c h / .45), calc(var(--glow-x) * 24px) calc(var(--glow-y) * 24px) 90px oklch(from var(--c-accent) l c h / .3), 0 12px 60px oklch(from var(--c-accent) l c h / .22)}}@keyframes glow-breathe-dark{0%,to{box-shadow:inset 0 1px 0 oklch(100% 0 0/.1), calc(var(--glow-x) * 10px) calc(var(--glow-y) * 10px) 30px oklch(from var(--c-accent) l c h / .4), calc(var(--glow-x) * 16px) calc(var(--glow-y) * 16px) 60px oklch(from var(--c-accent) l c h / .28), 0 8px 40px oklch(from var(--c-accent) l c h / .2)}50%{box-shadow:inset 0 1px 0 oklch(100% 0 0/.1), calc(var(--glow-x) * 16px) calc(var(--glow-y) * 16px) 50px oklch(from var(--c-accent) l c h / .5), calc(var(--glow-x) * 24px) calc(var(--glow-y) * 24px) 90px oklch(from var(--c-accent) l c h / .35), 0 12px 60px oklch(from var(--c-accent) l c h / .25)}}.fill-btn[data-astro-cid-cscuwyfs].is-hovering{color:#fff;letter-spacing:.06em;border-color:#0000;animation:3s ease-in-out infinite glow-breathe}.dark .fill-btn[data-astro-cid-cscuwyfs].is-hovering{animation-name:glow-breathe-dark}.sparkles[data-astro-cid-cscuwyfs]{z-index:3;pointer-events:none;position:absolute;inset:0}.sparkles[data-astro-cid-cscuwyfs] .sparkle{--proximity:0;aspect-ratio:1;clip-path:polygon(50% 0%,56% 36%,100% 50%,56% 64%,50% 100%,44% 64%,0% 50%,44% 36%);opacity:0;background:#fff;position:absolute;transform:scale(0)rotate(-40deg)}@keyframes sparkle-pop{0%{opacity:0;transform:scale(0)rotate(-40deg)}40%{opacity:var(--sparkle-peak,.5);transform:scale(1.35)rotate(15deg)}65%{transform:scale(.85)rotate(25deg)}80%{transform:scale(1.1)rotate(18deg)}to{opacity:var(--sparkle-peak,.5);transform:scale(1)rotate(20deg)}}.sparkles[data-astro-cid-cscuwyfs] .sparkle.is-visible{animation:.6s cubic-bezier(.34,1.56,.64,1) both sparkle-pop}.sparkles[data-astro-cid-cscuwyfs] .sparkle.is-twinkling{opacity:calc(.1 + var(--proximity) * .45);transform:scale(calc(.5 + var(--proximity) * 1.8)) rotate(calc(10deg + var(--proximity) * 60deg));transition:opacity .15s ease-out,transform .15s ease-out;animation:none}.fill-btn[data-astro-cid-cscuwyfs]:focus-visible{outline:2px solid var(--c-accent);outline-offset:3px}@media (prefers-reduced-motion:reduce){.fill-btn[data-astro-cid-cscuwyfs]:before{opacity:0;clip-path:none!important;transition:none!important}.fill-btn[data-astro-cid-cscuwyfs].is-hovering:before{opacity:1}.fill-btn[data-astro-cid-cscuwyfs]:after,.sparkles[data-astro-cid-cscuwyfs]{display:none}.fill-btn[data-astro-cid-cscuwyfs]{transition:none!important}}