.ui-button{min-height:42px;color:var(--color-heading);text-align:center;border:1px solid var(--color-transparent);border-radius:var(--radius);justify-content:center;align-items:center;padding:10px 16px;font-weight:800;line-height:1;display:inline-flex}.ui-button--primary{color:var(--color-on-accent);background:var(--color-accent)}.ui-button--primary:focus-visible,.ui-button--primary:hover{color:var(--color-on-ink);background:var(--color-accent-strong)}.ui-button--secondary{color:var(--color-heading);background:var(--color-surface);border-color:var(--color-line)}.ui-button--secondary:focus-visible,.ui-button--secondary:hover{color:var(--color-accent-strong);border-color:var(--color-accent-strong)}.ui-button--surface{color:var(--color-heading);background:var(--color-surface);border-color:var(--color-line)}.ui-button--surface:focus-visible,.ui-button--surface:hover{color:var(--color-on-ink);background:var(--color-ink);border-color:var(--color-ink);outline:0}.ui-button--ink{color:var(--color-on-ink);background:var(--color-ink);border-color:var(--color-ink)}.ui-button--ink:focus-visible,.ui-button--ink:hover{color:var(--color-on-accent);background:var(--color-accent);border-color:var(--color-accent);outline:0}.ui-button--disabled,.ui-button:disabled{cursor:not-allowed;opacity:.5}