.button {
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 14px;
    border-radius: var(--radius-l);
    border: 1px solid var(--border-strong);
    background: transparent;
    font: 500 13px var(--font);
    white-space: nowrap;
    cursor: pointer;
}
.button:hover { background: var(--surface-2); }
.button--primary { background: var(--strong); color: var(--on-strong); border-color: transparent; font-weight: 600; }
.button--primary:hover { background: var(--strong); opacity: .9; }
.button--ghost { border-color: transparent; }
.button--icon { width: 30px; height: 30px; padding: 0; border-radius: 7px; }