.button{white-space:nowrap;border:1.5px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;font-weight:600;line-height:1;transition:background-color .16s cubic-bezier(.2,.7,.2,1),border-color .16s cubic-bezier(.2,.7,.2,1),color .16s cubic-bezier(.2,.7,.2,1);display:inline-flex}.button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.button:disabled{opacity:.5;cursor:not-allowed}.button--sm{min-height:36px;padding:0 1rem;font-size:.875rem}.button--md{min-height:44px;padding:0 1.5rem;font-size:.9375rem}.button--lg{min-height:52px;padding:0 2rem;font-size:1rem}.button--block{width:100%}.button--primary{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.button--primary:hover:not(:disabled){background:var(--color-surface);color:var(--color-primary)}.button--secondary{border-color:var(--color-ink);color:var(--color-ink);background:0 0}.button--secondary:hover:not(:disabled){background:var(--color-ink);color:var(--color-bg)}.button--ghost{color:var(--color-ink);background:0 0}.button--ghost:hover:not(:disabled){background:var(--color-ink);color:var(--color-bg)}.button--danger{border-color:var(--color-danger);color:var(--color-danger);background:0 0}.button--danger:hover:not(:disabled){background:var(--color-danger);color:var(--color-on-primary)}