@media (prefers-reduced-motion: no-preference) {
  .gazette-text-motion:not(.night-copy > *) {
    translate: var(--gazette-text-x, 0px) 0;
  }

  /* These chapters already use translate for vertical motion. */
  .night-feature .night-copy > .gazette-text-motion {
    transform: translateX(var(--gazette-text-x, 0px));
  }

  main a.gazette-button-motion[href]:any-link {
    translate: 0 var(--gazette-button-y, 0px);
    scale: var(--gazette-button-scale, 1);
    transition: background-color .25s ease, scale .2s ease !important;
  }

  main .gazette-button-motion:active {
    --gazette-button-scale: .97;
  }
}

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  main .gazette-button-motion:hover:not(:active) {
    --gazette-button-scale: 1.04;
  }
}