/* Deliberately restrained animation profile for a cleaner, more premium feel. */

.button-entrance {
  animation-name: fadeRise;
  animation-duration: .45s;
  animation-fill-mode: both;
  animation-delay: calc(var(--delay) + 30ms);
}

@keyframes fadeRise {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fadein {
  animation-name: fadein;
  animation-duration: .5s;
  animation-fill-mode: both;
}

@keyframes fadein {
  from { opacity: 0; }
  to { opacity: 1; }
}

.button-hover,
.credit-hover,
.footer-hover {
  transition: transform .18s ease, opacity .18s ease;
}

.button-hover:hover,
.credit-hover:hover,
.footer-hover:hover {
  transform: translateY(-2px);
}