/* Fix: align contact hero buttons on small screens while keeping desktop proportions */
@media (max-width: 767px) {
  .contact-hero-new .contact-hero-buttons,
  .contact-hero .contact-hero-buttons {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: stretch; /* make children take full width */
  }

  /* Make anchor wrappers full-width so inner buttons align */
  .contact-hero-new .contact-hero-buttons .btn-link,
  .contact-hero .contact-hero-buttons .btn-link {
    display: block;
    width: 100%;
    text-align: center;
  }

  /* Ensure buttons themselves fill the available width */
  .contact-hero-new .contact-hero-buttons .btn,
  .contact-hero .contact-hero-buttons .btn,
  .contact-hero-new .contact-hero-buttons .btn-outline,
  .contact-hero .contact-hero-buttons .btn-outline {
    width: 100% !important;
    max-width: none !important;
  }

  /* If buttons are direct children of anchors, force them to stretch too */
  .contact-hero-new .contact-hero-buttons .btn-link > .btn,
  .contact-hero .contact-hero-buttons .btn-link > .btn {
    width: 100% !important;
  }

  /* Remove underline decoration from links inside buttons */
  .contact-hero-new .contact-hero-buttons a,
  .contact-hero .contact-hero-buttons a,
  .contact .contact-form button[type=submit] {
    text-decoration: none !important;
  }
}