/**
 * Efeito de brilho (shine) periódico aplicado aos botões de CTA das páginas
 * de upgrade (public_web/upgrade/*: escala_max.html, adsnotify.html,
 * upgrade_to_anual.html) e do botão de ativação do AdsPixel.
 */
#escala-max-upgrade-btn,
#annual-upgrade-btn,
#activate-pixel-account-btn {
  position: relative;
  overflow: hidden;
}

#escala-max-upgrade-btn::after,
#annual-upgrade-btn::after,
#activate-pixel-account-btn::after {
  content: '';
  position: absolute;
  top: 0;
  left: -75%;
  width: 40%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent 0%,
    rgba(255, 255, 255, 0.4) 50%,
    transparent 100%
  );
  transform: skewX(-20deg);
  pointer-events: none;
  animation: upgrade-cta-btn-shine 3.5s ease-in-out infinite;
}

@keyframes upgrade-cta-btn-shine {
  0% {
    left: -75%;
  }
  40%,
  100% {
    left: 125%;
  }
}

@media (prefers-reduced-motion: reduce) {
  #escala-max-upgrade-btn::after,
  #annual-upgrade-btn::after,
  #activate-pixel-account-btn::after {
    animation: none;
    display: none;
  }
}