.btn.svelte-g9c1iq{--fg: #fff;--bg: var(--color-ink);--hard: #fff;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-display);font-weight:800;font-variation-settings:"wdth" 85,"slnt" 0;letter-spacing:.03em;line-height:1.1;text-align:center;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform var(--dur-1) var(--ease-snap),box-shadow var(--dur-1) var(--ease-snap),background-color var(--dur-1),color var(--dur-1),border-color var(--dur-1)}:is(.paper,[data-surface=paper]) .btn.svelte-g9c1iq{--fg: var(--color-ink);--bg: var(--color-paper);--hard: var(--color-ink)}.btn.svelte-g9c1iq:is(:where(.svelte-g9c1iq):disabled,[aria-disabled=true]:where(.svelte-g9c1iq)){cursor:not-allowed;opacity:.6}.btn-md.svelte-g9c1iq{min-height:52px;padding:12px 22px;font-size:15px}.btn-sm.svelte-g9c1iq{min-height:40px;padding:8px 16px;font-size:13px}.btn-primary.svelte-g9c1iq{background:var(--color-red);color:#fff;box-shadow:4px 4px 0 0 var(--hard)}.btn-primary.svelte-g9c1iq:not(:disabled,[aria-disabled=true]):hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 0 var(--hard)}.btn-primary.svelte-g9c1iq:not(:disabled,[aria-disabled=true]):active{transform:translate(4px,4px);box-shadow:0 0 0 0 var(--hard)}.btn-secondary.svelte-g9c1iq{border:2px solid var(--fg);color:var(--fg)}.btn-secondary.svelte-g9c1iq:not(:disabled,[aria-disabled=true]):hover{background:var(--fg);color:var(--bg)}.btn-ghost.svelte-g9c1iq{border:1px solid color-mix(in srgb,var(--fg) 24%,transparent);background:color-mix(in srgb,var(--fg) 5%,transparent);color:var(--fg)}.btn-ghost.svelte-g9c1iq:not(:disabled,[aria-disabled=true]):hover{border-color:color-mix(in srgb,var(--fg) 55%,transparent);background:color-mix(in srgb,var(--fg) 10%,transparent)}.btn-ink.svelte-g9c1iq{background:var(--color-ink);color:#fff;border:1px solid rgb(255 255 255 / .14)}.btn-ink.svelte-g9c1iq:not(:disabled,[aria-disabled=true]):hover{background:#1c1d20}.btn.btn-link.svelte-g9c1iq{align-self:flex-start;justify-content:flex-start;min-height:0;padding:0;font-size:14px;color:var(--fg);text-decoration:underline;text-decoration-color:var(--color-red);text-decoration-thickness:3px;text-underline-offset:6px}.btn-link.svelte-g9c1iq:hover{text-decoration-color:currentColor}.spinner.svelte-g9c1iq{width:1em;height:1em;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:svelte-g9c1iq-spin .8s linear infinite}@keyframes svelte-g9c1iq-spin{to{transform:rotate(360deg)}}