:root{--c-accent-light: oklch(.6 .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-sssgesxt]{display:flex;flex-direction:column;align-items:center;gap:4rem}.fill-btn[data-astro-cid-sssgesxt]{--fill-x: 50%;--fill-y: 50%;--glow-x: 0;--glow-y: 0;position:relative;overflow:hidden;padding:1.25rem 3.5rem;font-family:var(--font-sans);font-size:1.125rem;font-weight:600;color:var(--c-accent);background:transparent;border:2px solid var(--c-accent);border-radius:9999px;cursor:pointer;letter-spacing:.01em;-webkit-tap-highlight-color:transparent;box-shadow:inset 0 1px #ffffff14,0 1px 3px #11161f0f,0 4px 12px #11161f0a;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)}.dark .fill-btn[data-astro-cid-sssgesxt]{box-shadow:inset 0 1px #ffffff0f,0 1px 3px #0003,0 4px 12px #00000026}.fill-btn-label[data-astro-cid-sssgesxt]{position:relative;z-index:2}.fill-btn[data-astro-cid-sssgesxt]:before{content:"";position:absolute;inset:0;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)}.fill-btn[data-astro-cid-sssgesxt].is-hovering:before{clip-path:circle(180% at var(--fill-x) var(--fill-y))}.fill-btn[data-astro-cid-sssgesxt]:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(var(--shimmer-angle, 105deg),transparent 30%,oklch(1 0 0 / .15) 47%,oklch(1 0 0 / .2) 50%,oklch(1 0 0 / .15) 53%,transparent 70%);transform:var(--shimmer-from, translateX(-101%));pointer-events:none}@keyframes glow-breathe{0%,to{box-shadow:inset 0 1px #ffffff1f,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 #ffffff1f,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 #ffffff1a,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 #ffffff1a,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-sssgesxt].is-hovering{color:#fff;border-color:transparent;letter-spacing:.06em;animation:glow-breathe 3s ease-in-out infinite}.dark .fill-btn[data-astro-cid-sssgesxt].is-hovering{animation-name:glow-breathe-dark}.sparkles[data-astro-cid-sssgesxt]{position:absolute;inset:0;z-index:3;pointer-events:none}.sparkles[data-astro-cid-sssgesxt] .sparkle{--proximity: 0;position:absolute;aspect-ratio:1;background:#fff;clip-path:polygon(50% 0%,56% 36%,100% 50%,56% 64%,50% 100%,44% 64%,0% 50%,44% 36%);opacity:0;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-sssgesxt] .sparkle.is-visible{animation:sparkle-pop .6s cubic-bezier(.34,1.56,.64,1) both}.sparkles[data-astro-cid-sssgesxt] .sparkle.is-twinkling{animation:none;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}.fill-btn[data-astro-cid-sssgesxt]:focus-visible{outline:2px solid var(--c-accent);outline-offset:3px}.hint[data-astro-cid-sssgesxt]{font-size:.8125rem;font-weight:500;color:var(--c-muted);text-align:center;letter-spacing:.01em}@media(prefers-reduced-motion:reduce){.fill-btn[data-astro-cid-sssgesxt]:before{transition:none!important;clip-path:none!important;opacity:0}.fill-btn[data-astro-cid-sssgesxt].is-hovering:before{opacity:1}.fill-btn[data-astro-cid-sssgesxt]:after{display:none}.sparkles[data-astro-cid-sssgesxt]{display:none}.fill-btn[data-astro-cid-sssgesxt]{transition:none!important}}
