.feature-card,
.product-card,
.download-card,
.button,
.site-nav__link,
.product-menu summary {
  transition:
    border-color var(--transition),
    background var(--transition),
    color var(--transition),
    transform var(--transition);
}

.feature-card:hover,
.product-card:hover {
  border-color: var(--primary);
  transform: translateY(-2px);
}

@keyframes float-card {
  0% {
    transform: translate3d(0, 0, 0) rotate(var(--float-tilt, 0deg));
  }

  100% {
    transform: translate3d(0, calc(var(--float-shift, 12px) * -1), 0)
      rotate(var(--float-tilt, 0deg));
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  .feature-card,
  .product-card,
  .download-card,
  .button,
  .site-nav__link,
  .product-menu summary,
  .home-floating-card {
    transition: none;
  }

  .home-floating-card {
    animation: none;
  }
}