@keyframes button-pop-up {
  0% {
    opacity: 0;
    transform: translateY(6rem) scale(0);
  }

  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.links > .link-card,
.products > .product-card {
  transform-origin: center bottom;
  animation-name: button-pop-up;
  animation-duration: .6s;
  animation-timing-function: cubic-bezier(.22, 1, .36, 1);
  animation-fill-mode: backwards;
}

.links > .link-card:nth-child(2),
.products > .product-card:nth-child(2) {
  animation-duration: .8s;
}

.links > .link-card:nth-child(3),
.products > .product-card:nth-child(3) {
  animation-duration: 1s;
}

.links > .link-card:nth-child(n + 4),
.products > .product-card:nth-child(n + 4) {
  animation-duration: 1.2s;
}

@media (prefers-reduced-motion: reduce) {
  .links > .link-card,
  .products > .product-card {
    animation: none !important;
  }
}