@media (prefers-reduced-motion: no-preference) {
  body:not(.page-home) .page-motion-pending {
    opacity: 0;
  }

  body:not(.page-home) main .button .arrow {
    transition: translate 250ms ease;
  }

  @media (hover: hover) and (pointer: fine) {
    body:not(.page-home) main .button:hover .arrow {
      translate: 2px -2px;
    }
  }
}

@media print {
  body:not(.page-home) .page-motion-pending {
    opacity: 1;
  }
}