.btn.svelte-1xko78n{max-width:100%;font-family:var(--font-body);text-align:center;transition:transform var(--dur-fast), box-shadow var(--dur-fast), background-color var(--dur-fast), border-color var(--dur-fast), color var(--dur-fast);border:0;border-radius:2px;justify-content:center;align-items:center;gap:12px;font-weight:600;line-height:1.25;display:inline-flex}.btn--primary.svelte-1xko78n{background:var(--acc);color:var(--on-accent)}.btn--primary.svelte-1xko78n:hover{color:var(--on-accent);box-shadow:0 0 0 5px var(--acc-ring);transform:translateY(-1px)}.btn--primary.svelte-1xko78n:active{background:var(--acc-press);transform:none}.btn--ghost.svelte-1xko78n{border:1px solid color-mix(in srgb, var(--fg) 24%, transparent);color:var(--fg);background:0 0;font-weight:500}.btn--ghost.svelte-1xko78n:hover{color:var(--fg);background:color-mix(in srgb, var(--fg) 7%, transparent);border-color:color-mix(in srgb, var(--fg) 45%, transparent)}.btn--sm.svelte-1xko78n{min-height:44px;padding:8px 18px;font-size:14px}.btn--md.svelte-1xko78n{min-height:54px;padding:10px 24px;font-size:15px}.btn--lg.svelte-1xko78n{min-height:56px;padding:10px 28px;font-size:16px}.btn.svelte-1xko78n svg:where(.svelte-1xko78n){flex-shrink:0}@media (width>=400px){.btn.svelte-1xko78n{white-space:nowrap}}