/* Buttons: always pill-shaped, 48px high, 32px below the text above them.
   Needs tokens.css loaded first (uses --ink, --bg). */
.button {
  display: inline-flex; align-items: center; justify-content: center;
  height: 48px; padding: 0 1.25rem; border-radius: 999px;
  background: var(--ink); color: var(--bg); text-decoration: none; font-weight: 600;
  border: 0; font: inherit; cursor: pointer;
}
.button:hover { opacity: .85; }
.actions { margin: 32px 0 0; } /* text to button: always 32px */