/* ── Button component ────────────────────────────────────────────────
 * Generic buttons, .button, input[type="submit"], and .button_to.
 * Scoped nav button overrides live in components/_nav.css.
 */
button,
.button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  border: 1px solid var(--accent);
  background: var(--accent);
  color: var(--bg);
  padding: 0.5em 1em;
  border-radius: var(--radius-button);
  cursor: pointer;
  font-size: inherit;
}

button:enabled:hover,
input[type="submit"]:enabled:hover {
  opacity: 0.85;
}

.hero-card__cta {
  display: inline-block;
  padding: 0.75rem 2rem;
  font-size: 1rem;
  font-weight: 600;
  background: var(--accent);
  color: var(--bg);
  border: none;
  border-radius: var(--radius-button);
  cursor: pointer;
  text-decoration: none;
  transition: opacity var(--motion-fast) var(--ease-out);
}

.hero-card__cta:hover {
  opacity: 0.9;
  text-decoration: none;
}