.ui-button{gap:var(--spacing-xs);border-radius:var(--radius-md);width:fit-content;box-shadow:var(--shadow-sm);padding:0 var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-text-inverse);cursor:pointer;transition:var(--transition-all-subtle);border:1px solid;grid-auto-flow:column;place-content:center;justify-self:start;place-items:center;text-decoration:none;display:grid}.ui-button.icon-only{place-content:center;place-items:center;padding:0}.ui-button.full-width{width:100%}.ui-button.primary{border:1px solid var(--color-action-primary-border);background:var(--color-action-primary)}.ui-button.primary:hover{background:var(--color-action-primary-hover)}.ui-button.secondary{border-color:var(--color-border-one);background:var(--color-surface-one);color:var(--color-text-primary)}.ui-button.secondary:hover{border-color:var(--color-border-three)}.ui-button.negative{border-color:var(--color-state-negative);background-color:var(--color-state-negative)}.ui-button.naked{color:var(--color-text-primary);box-shadow:none;background:0 0;border:none;text-decoration:underline}.ui-button.inverse{color:var(--color-text-inverse);border-color:var(--color-border-four);background:0 0}.ui-button.inverse:hover{background-color:var(--color-highlight-one)}.ui-button[disabled],.ui-button:disabled,.ui-button.disabled{cursor:not-allowed;opacity:.2}.ui-button.xs{border-radius:var(--radius-sm);height:16px}.ui-button.xs.icon-only{width:16px}.ui-button.sm{height:24px;font-size:var(--font-size-xs)}.ui-button.sm.icon-only{width:24px}.ui-button.md{height:32px}.ui-button.md.icon-only{width:32px}.ui-button.lg{height:40px}.ui-button.lg.icon-only{width:40px}.ui-button.auto{height:auto}