.hero-actions .button-primary {
  position: relative;
  min-height: 52px;
  padding: 13px 24px;
  background: var(--primary);
  color: #1f1c17;
  box-shadow: 0 10px 24px rgba(217, 166, 63, .22);
}

.hero-actions .button-primary:hover,
.hero-actions .button-primary:focus-visible {
  background: var(--primary-light);
  color: #1f1c17;
  box-shadow: 0 12px 28px rgba(217, 166, 63, .34);
  transform: translateY(-2px);
}

.hero-actions .button-primary:focus-visible {
  outline: 2px solid var(--primary-light);
  outline-offset: 3px;
}

@media (max-width: 480px) {
  .hero-actions .button-primary {
    min-height: 50px;
    padding-inline: 21px;
  }
}