.btn.svelte-18sv61c{border-radius:var(--r-pill);border:1px solid var(--ink);font-family:var(--font-body);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out-quart), background-position var(--dur) var(--ease-out-quart), background-color var(--dur) var(--ease-out-quart), color var(--dur) var(--ease-out-quart);align-items:center;gap:.5em;padding:14px 28px;font-size:1rem;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.btn.svelte-18sv61c:active{transform:scale(.98)}.primary.svelte-18sv61c{background-image:radial-gradient(100% 100% at 30% 80%, var(--paper-solid) 0%, var(--paper-solid) 10%, var(--color-secondary) 80%, var(--color-main) 95%, var(--paper-solid) 100%);color:color-mix(in srgb, var(--color-secondary) 40%, black 60%);border-color:color-mix(in srgb, var(--color-secondary) 50%, white 50%);background-position:0 0;background-size:200% 100%}.primary.svelte-18sv61c:hover,.primary.svelte-18sv61c:focus-visible{color:color-mix(in srgb, var(--color-secondary) 30%, black 70%);border-color:var(--color-secondary);background-position:100% 0}.ghost.svelte-18sv61c{color:var(--ink);background:0 0}.ghost.svelte-18sv61c:hover,.ghost.svelte-18sv61c:focus-visible{background-color:var(--ink);color:var(--paper)}.surface-ink .btn.svelte-18sv61c{border-color:var(--paper)}.surface-ink .ghost.svelte-18sv61c{color:var(--paper)}.surface-ink .ghost.svelte-18sv61c:hover,.surface-ink .ghost.svelte-18sv61c:focus-visible{background-color:var(--paper);color:var(--ink)}.btn.svelte-18sv61c:disabled{background:var(--gray-300);border-color:var(--gray-300);color:var(--gray-500);cursor:not-allowed}