.button.svelte-18sv61c{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:9999px;font-size:.875rem;line-height:1.25rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:transform .16s var(--ease-out-strong),background-color .2s var(--ease-out-strong),border-color .2s var(--ease-out-strong),box-shadow .3s var(--ease-out-strong),color .2s var(--ease-out-strong)}.button.svelte-18sv61c:active{transform:scale(.97)}.button.svelte-18sv61c:disabled{opacity:.55;cursor:not-allowed}.primary.svelte-18sv61c{background-color:var(--color-night);color:var(--color-night-text)}.night.svelte-18sv61c{background-color:var(--color-sand);color:var(--color-night)}.secondary.svelte-18sv61c{background-color:transparent;color:var(--color-ink);border-color:var(--color-ink-soft)}.on-night .secondary.svelte-18sv61c{color:var(--color-night-text);border-color:var(--color-night-muted)}.on-night .primary.svelte-18sv61c{background-color:var(--color-sand);color:var(--color-night)}@media(hover:hover)and (pointer:fine){.primary.svelte-18sv61c:hover{background-color:var(--color-strata-2)}.on-night .primary.svelte-18sv61c:hover,.night.svelte-18sv61c:hover{background-color:var(--color-seam)}.secondary.svelte-18sv61c:hover{border-color:var(--color-ink)}.on-night .secondary.svelte-18sv61c:hover{border-color:var(--color-night-text)}}.flip.svelte-18sv61c{background-color:transparent;border:none;padding:0;box-shadow:none;perspective:600px}.flip-inner.svelte-18sv61c{position:relative;display:block;border-radius:9999px;transform-style:preserve-3d;transition:transform .55s var(--ease-inout-strong)}.face.svelte-18sv61c{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 25px;border-radius:9999px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.front.svelte-18sv61c{background-color:var(--color-night);color:var(--color-night-text)}.back.svelte-18sv61c{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotateX(180deg);background-color:var(--color-sand);color:var(--color-night)}@media(hover:hover)and (pointer:fine){.flip.svelte-18sv61c:hover .flip-inner:where(.svelte-18sv61c){transform:rotateX(180deg)}}.flip.svelte-18sv61c:focus-visible .flip-inner:where(.svelte-18sv61c){transform:rotateX(180deg)}