.ut-button { display: inline-flex; min-height: var(--ut-control-height); align-items: center; justify-content: center; gap: var(--ut-space-2); border: 1px solid var(--ut-color-ink); border-radius: var(--ut-radius-pill); padding: .65rem 1.125rem; background: var(--ut-color-ink); color: var(--ut-color-surface); cursor: pointer; font-size: var(--ut-text-sm); font-weight: var(--ut-font-weight-regular); line-height: 1.2; text-decoration: none; transition: background var(--ut-transition), border-color var(--ut-transition), color var(--ut-transition); }
.ut-button:hover { border-color: var(--ut-color-clay); background: var(--ut-color-clay); }
.ut-button--secondary { background: transparent; color: var(--ut-color-ink); }
.ut-button--secondary:hover { background: var(--ut-color-sand); color: var(--ut-color-ink); }
.ut-button:disabled, .ut-button[aria-disabled="true"] { cursor: not-allowed; opacity: .56; }

/* Server-rendered destructive/secondary form actions may use the text-link
   contract too; explicitly remove the native submit control appearance. */
button.ut-text-link,
input.ut-text-link {
  appearance: none;
  border: 0;
  padding: 0;
  background: transparent;
  cursor: pointer;
  font: inherit;
}