.whatsapp-icon {
    position: fixed;
    bottom: 30px;
    right: 70px;
    font-size: 40px; /* Tamanho aumentado do ícone */
    color: white; /* Cor do ícone */
    background: #25D366; /* Cor de fundo WhatsApp */
    border-radius: 50%; /* Metade do círculo redondo */
    width: 80px; /* Largura aumentada do círculo */
    height: 80px; /* Altura aumentada do círculo */
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    z-index: 1000;
    overflow: hidden; /* Garante que a cauda não se estenda para fora do círculo */
  animation: shake 0.5s ease-in-out;
    animation-delay: 5s;
    animation-iteration-count: 1;
}

.whatsapp-icon::after {
    animation: none; /* Interrompe a animação quando o mouse passa sobre o ícone */
    content: "";
    position: absolute;
    right: 0;
    bottom: -15px; /* Ajuste para alinhar com a borda aumentada do ícone */
    width: 30px; /* Largura aumentada da cauda */
    height: 30px; /* Altura aumentada da cauda */
    background: #25D366;
    border-bottom-right-radius: 6px; /* Curvatura suavizada da cauda */
    transform: translateX(50%) rotate(45deg); /* Ajuste para manter a forma de cauda correta após aumentar o tamanho */
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}

@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    transform: translateX(10px);
  }
}