/* assets/css/motion.css */
@media (prefers-reduced-motion: no-preference) {
  a,
  button,
  .wp-block-button__link {
    transition:
      transform var(--futurineer-transition-base) ease-out,
      opacity var(--futurineer-transition-base) ease-out;
  }

  a:hover,
  a:focus,
  button:hover,
  button:focus,
  .wp-block-button__link:hover,
  .wp-block-button__link:focus {
    transform: translateY(-2px) scale(1.015);
    opacity: 0.94;
  }
}

@media (prefers-reduced-motion: reduce) {
  a,
  button,
  .wp-block-button__link {
    transition: none;
  }

  a:hover,
  a:focus,
  button:hover,
  button:focus,
  .wp-block-button__link:hover,
  .wp-block-button__link:focus {
    transform: none;
    opacity: 1;
  }
}