/* Optional: button shape/sizing; colours come from theme variables */
@layer components {
  .button, button, input[type="submit"] {
    appearance:none; border: 0; cursor:pointer;
    padding: .6em 1.2em; border-radius: 999px;
    font-weight: 600; text-decoration:none; display:inline-flex; align-items:center; justify-content:center;
    transition: transform .02s ease, background-color .15s ease;
  }
  .button:active, .btn:active, button:active, input[type="submit"]:active { transform: translateY(1px) }
  a.button { text-decoration:none }
}