.ui-button{width:-moz-fit-content;width:fit-content;display:grid;grid-auto-flow:column;grid-gap:var(--spacing-xs);gap:var(--spacing-xs);justify-self:start;align-content:center;justify-content:center;place-content:center;align-items:center;justify-items:center;place-items:center;border-radius:var(--radius-md);border:1px solid;box-shadow:var(--shadow-sm);padding:0 var(--spacing-sm);-webkit-text-decoration:none;text-decoration:none;font-size:var(--font-size-md);font-weight:var(--font-weight-regular);color:var(--color-text-inverse);cursor:pointer;transition:var(--transition-all-subtle)}.ui-button.icon-only{padding:0;align-content:center;justify-content:center;place-content:center;align-items:center;justify-items:center;place-items:center}.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{border:none;background:transparent;color:var(--color-text-primary);box-shadow:none;-webkit-text-decoration:underline;text-decoration:underline}.ui-button.inverse{color:var(--color-text-inverse);background:transparent;border-color:var(--color-border-four)}.ui-button.inverse:hover{background-color:var(--color-highlight-one)}.ui-button.brand{color:var(--color-text-inverse);background:var(--color-brand-primary)}.ui-button[disabled]{cursor:not-allowed;opacity:.2}.ui-button:disabled{cursor:not-allowed;opacity:.2}.ui-button.disabled{cursor:not-allowed;opacity:.2}.ui-button.xs{height:16px;border-radius:var(--radius-sm)}.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}