/* Click Point mobile tap feedback — scoped to the two orange primary buttons only. */
@media (max-width: 900px) {
  .hero-actions .button.button-primary,
  .contact-actions .button.button-primary {
    background: var(--orange) !important;
    color: #090909 !important;
    transform: none !important;
    -webkit-tap-highlight-color: transparent;
  }

  /* Never let sticky mobile :hover/:focus leave the button white. */
  .hero-actions .button.button-primary:hover,
  .hero-actions .button.button-primary:focus,
  .hero-actions .button.button-primary:focus-visible,
  .hero-actions .button.button-primary:visited,
  .contact-actions .button.button-primary:hover,
  .contact-actions .button.button-primary:focus,
  .contact-actions .button.button-primary:focus-visible,
  .contact-actions .button.button-primary:visited {
    background: var(--orange) !important;
    color: #090909 !important;
    transform: none !important;
  }

  /* White is shown only while our touch-feedback class is present. */
  .hero-actions .button.button-primary.cp-touch-pressed,
  .contact-actions .button.button-primary.cp-touch-pressed,
  .hero-actions .button.button-primary.cp-touch-pressed:hover,
  .hero-actions .button.button-primary.cp-touch-pressed:focus,
  .contact-actions .button.button-primary.cp-touch-pressed:hover,
  .contact-actions .button.button-primary.cp-touch-pressed:focus {
    background: #fff !important;
    color: #090909 !important;
    transform: translateY(-2px) !important;
  }
}