.elementor-1780 .elementor-element.elementor-element-491859d1{--display:flex;}/* Start custom CSS for contact-buttons-var-5, class: .elementor-element-6c2acc80 *//* Elementor Pro — Floating Buttons */
/* Apariencia → Personalizar → CSS adicional */

.e-contact-buttons__chat-button {
  animation: waHeartbeat 2.2s ease-in-out infinite !important;
  position: relative;
  z-index: 1;
}

.e-contact-buttons__chat-button::before,
.e-contact-buttons__chat-button::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: rgba(37, 211, 102, 0.45);
  animation: waRipple 2.2s ease-out infinite;
  z-index: -1;
  pointer-events: none;
}
.e-contact-buttons__chat-button::after {
  background: rgba(37, 211, 102, 0.22);
  animation-delay: 0.6s;
}

@keyframes waHeartbeat {
  0%   { transform: scale(1); }
  14%  { transform: scale(1.13); }
  28%  { transform: scale(1); }
  42%  { transform: scale(1.07); }
  56%  { transform: scale(1); }
  100% { transform: scale(1); }
}

@keyframes waRipple {
  0%   { transform: scale(1); opacity: 1; }
  100% { transform: scale(2.6); opacity: 0; }
}/* End custom CSS */