/* button-hover.css
   Global interaction: every BUTTON across the site rises 2px on hover.
   Text links are intentionally excluded — only elements that read as buttons
   (filled/outlined CTAs, form submits, floating-bar CTA) get the lift.

   The transition lists the properties buttons commonly animate (colour,
   background, border, shadow, opacity) alongside transform, so existing
   colour fades are preserved while the new lift is smooth. */
.elementor-button,
.elementor-button-link,
.section-button,
.form-button,
.cta-button,
.e-floating-bars__cta-button,
.sportswear-btn {
  transition: transform 0.18s ease,
              background-color 0.25s ease,
              color 0.25s ease,
              border-color 0.25s ease,
              box-shadow 0.25s ease,
              opacity 0.25s ease;
}

.elementor-button:hover,
.elementor-button-link:hover,
.section-button:hover,
.form-button:hover,
.cta-button:hover,
.e-floating-bars__cta-button:hover,
.sportswear-btn:hover,
.elementor-button:focus-visible,
.section-button:focus-visible,
.form-button:focus-visible,
.cta-button:focus-visible,
.e-floating-bars__cta-button:focus-visible,
.sportswear-btn:focus-visible {
  transform: translateY(-2px);
}

@media (prefers-reduced-motion: reduce) {
  .elementor-button,
  .elementor-button-link,
  .section-button,
  .form-button,
  .cta-button,
  .e-floating-bars__cta-button,
  .sportswear-btn {
    transition: none;
  }
  .elementor-button:hover,
  .elementor-button-link:hover,
  .section-button:hover,
  .form-button:hover,
  .cta-button:hover,
  .e-floating-bars__cta-button:hover,
  .sportswear-btn:hover {
    transform: none;
  }
}