.button{justify-content:center;align-items:center;gap:var(--space-2);border:1.5px solid var(--color-ink);border-radius:var(--radius-pill);color:var(--color-ink);font-family:var(--font-display);text-align:center;white-space:nowrap;transition:background-color var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out), transform var(--duration-fast) var(--ease-out);background:0 0;line-height:1;text-decoration:none;display:inline-flex}.button:active{transform:translateY(1px)}.button:disabled{opacity:.55;cursor:not-allowed}.button:disabled:active{transform:none}.button--md{padding:var(--space-2) var(--space-5);font-size:var(--text-base)}.button--sm{padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.button--outline:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.button--fill{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-surface)}.button--fill:hover:not(:disabled){border-color:var(--color-accent-strong);background:var(--color-accent-strong);color:var(--color-surface)}