:where(
  .ht-trek-bridge__card,
  .trek-card__link,
  .departure-card,
  .departure-stack-cta,
  .ht-reviews-carousel__arrow,
  .ht-reviews__dot,
  .ht-reviews__all-link
) {
  font-family: var(--ht-font-body, "Space Grotesk");
  font-style: normal;
  text-decoration: none;
  cursor: pointer;
}

:where(
  .ht-trek-bridge__card,
  .trek-card__link,
  .departure-card,
  .departure-stack-cta,
  .ht-reviews-carousel__arrow,
  .ht-reviews__dot,
  .ht-reviews__all-link
):focus-visible {
  outline: 2px solid var(--ht-color-brand, #e85002);
  outline-offset: 0.1875rem;
}

:where(
  .ht-trek-bridge__card,
  .trek-card__link,
  .ht-reviews-carousel__arrow,
  .ht-reviews__dot,
  .ht-reviews__all-link
) {
  transition:
    color 160ms ease,
    background-color 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease,
    transform 140ms cubic-bezier(0.23, 1, 0.32, 1);
}

:where(.ht-trek-bridge__card, .trek-card__link, .ht-reviews__dot, .ht-reviews__all-link):active {
  transform: scale(0.97);
}

.ht-reviews-carousel__arrow:active {
  transform: translateY(-50%) scale(0.97);
}

.elementor .ht-button:focus-visible {
  transform: none !important;
}

.elementor .ht-button:active {
  transform: scale(0.97) !important;
}

:where(.departure-card__details, .departure-stack-cta__footer) {
  transform-origin: center right;
  transition: transform 140ms cubic-bezier(0.23, 1, 0.32, 1);
}

.departure-card:active .departure-card__details,
.departure-stack-cta:active .departure-stack-cta__footer {
  transform: scale(0.97);
}

@media (prefers-reduced-motion: reduce) {
  :where(
    .ht-button,
    .ht-trek-bridge__card,
    .trek-card__link,
    .ht-reviews-carousel__arrow,
    .ht-reviews__dot,
    .ht-reviews__all-link
  ) {
    transition-property: color, background-color, border-color, box-shadow;
  }

  :where(.ht-button, .ht-trek-bridge__card, .trek-card__link, .ht-reviews__dot, .ht-reviews__all-link):active {
    transform: none;
  }

  .ht-reviews-carousel__arrow:active {
    transform: translateY(-50%);
  }

  .elementor .ht-button:hover,
  .elementor .ht-button:active {
    transform: none !important;
  }

  :where(.departure-card__details, .departure-stack-cta__footer) {
    transition: none;
  }

  .departure-card:active .departure-card__details,
  .departure-stack-cta:active .departure-stack-cta__footer {
    transform: none;
  }
}

@media (hover: none), (pointer: coarse) {
  .elementor .ht-button:hover {
    transform: none !important;
  }
}