@media (min-width: 1024px) {
  .max-w-7xl {
    max-width: 82rem;
  }
}

@keyframes mp3d-shimmer {
  0% {
    transform: translateX(-140%) rotate(20deg);
  }
  100% {
    transform: translateX(320%) rotate(20deg);
  }
}

.mp3d-cta-shimmer {
  position: relative;
  overflow: hidden;
  transform: translateZ(0);
}

.mp3d-cta-shimmer::before {
  content: "";
  position: absolute;
  top: -60%;
  left: -80%;
  width: 45%;
  height: 220%;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0),
    rgba(255, 255, 255, 0.55),
    rgba(255, 255, 255, 0)
  );
  filter: blur(0.5px);
  animation: mp3d-shimmer 2.8s ease-in-out infinite;
  pointer-events: none;
}

.mp3d-cta-shimmer:hover::before {
  animation-duration: 1.9s;
}

@media (prefers-reduced-motion: reduce) {
  .mp3d-cta-shimmer::before {
    animation: none !important;
  }
}
