@media (prefers-reduced-motion: no-preference) {
  .button,.select-trip {transition:transform .25s ease,background .25s ease,box-shadow .25s ease}
  .button span,.select-trip span {display:inline-block;transition:transform .25s ease}
  @media (hover:hover) {
    .button:hover,.select-trip:hover {box-shadow:0 6px 24px rgba(121,181,214,.12)}
    .button:hover span,.select-trip:hover span {transform:translateX(3px)}
    .trip-card:hover {transform:translateY(-5px)}
  }
  .button:active,.select-trip:active {transform:scale(.98)}
}
@media (prefers-reduced-motion: reduce) {
  html {scroll-behavior:auto!important}
  *,*::before,*::after {animation:none!important;transition:none!important}
  .trip-card:hover,.trip-card.selected,.button:hover {transform:none}
}