@media (prefers-reduced-motion: no-preference) {
  .news-card,
  .hero-card,
  .widget,
  .top-story {
    transition: transform var(--kt-normal), box-shadow var(--kt-normal), border-color var(--kt-normal), color var(--kt-fast), background var(--kt-fast);
  }

  .top-story:hover {
    transform: translateY(-1px);
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}