.elementor-1642 .elementor-element.elementor-element-2bebd703{--display:flex;}.elementor-1642 .elementor-element.elementor-element-53045531 .e-contact-buttons{--e-contact-buttons-button-bg-hover:var( --e-global-color-e198b5f );--e-contact-buttons-horizontal-offset:-5px;--e-contact-buttons-vertical-offset:78px;}/* Start custom CSS for contact-buttons-var-5, class: .elementor-element-53045531 *//* Aplique esta classe no seu botão (Elementor > Avançado > Classes CSS): wa-float */
.wa-float{
  /* mantém sua posição fixa, se você já tem, pode remover daqui */
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 9999;

  /* animação: a cada 5s faz um shake curto */
  animation: waShake 5s ease-in-out infinite;
  transform-origin: 50% 50%;
  will-change: transform;
}

/* Shake curto (dura ~0.7s) e fica parado o resto do tempo (até completar 5s) */
@keyframes waShake{
  0%, 86% { transform: translate3d(0,0,0) rotate(0deg); }

  88% { transform: translate3d(-1px,0,0) rotate(-2deg); }
  90% { transform: translate3d( 2px,0,0) rotate( 2deg); }
  92% { transform: translate3d(-3px,0,0) rotate(-3deg); }
  94% { transform: translate3d( 3px,0,0) rotate( 3deg); }
  96% { transform: translate3d(-2px,0,0) rotate(-2deg); }
  98% { transform: translate3d( 1px,0,0) rotate( 1deg); }
  100% { transform: translate3d(0,0,0) rotate(0deg); }
}

/* Opcional: desliga animação se o usuário prefere menos movimento */
@media (prefers-reduced-motion: reduce){
  .wa-float{ animation: none !important; }
}/* End custom CSS */