.entrance {
  opacity: 0;
  transform: translateY(12px);
  animation: enter 560ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.entrance--icon { animation-delay: 80ms; }
.entrance--title { animation-delay: 150ms; }
.entrance--tagline { animation-delay: 220ms; }
.entrance--button { animation-delay: 300ms; }
.entrance--note { animation-delay: 370ms; }

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

@media (prefers-reduced-motion: reduce) {
  .entrance {
    opacity: 1;
    transform: none;
    animation: none;
  }

  .store-button,
  .store-button__arrow {
    transition: none;
  }
}