/* Restrained entrance motion; hover behavior lives with the button styles. */

.fadein,
.button-entrance {
  animation: stw-enter 420ms ease-out both;
}

.button-entrance {
  animation-delay: calc(var(--delay, 0s) / 14);
}

@keyframes stw-enter {
  from {
    opacity: 0;
    transform: translateY(0.4rem);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.button-hover,
.credit-hover,
.social-hover {
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .fadein,
  .button-entrance {
    animation: none;
  }
}