/* Top-page action buttons: white by default, navy on interaction. */
.hero-actions .button {
  background: #fff;
  color: var(--navy);
  border: 1px solid var(--navy);
  transition: background-color .35s ease, color .35s ease, border-color .35s ease;
}

@media (hover: hover) {
  .hero-actions .button:hover {
    background: var(--navy);
    color: #fff;
    border-color: var(--navy);
  }
}

.hero-actions .button:focus-visible {
  background: var(--navy);
  color: #fff;
  border-color: var(--navy);
}

@media (prefers-reduced-motion: reduce) {
  .hero-actions .button {
    transition: none;
  }
}