/* Estilos para o botão flutuante do WhatsApp */
.whats-flutuante {
    position: fixed;
    bottom: 70px;
    right: 5px;
    z-index: 999; /* Certifique-se de que o botão esteja acima de outros elementos na página */
    transition: transform 0.3s ease-in-out; /* Adiciona uma transição suave na transformação */
    animation: pulse 2s infinite; /* Adiciona uma animação de pulsação contínua */
}

/* Estilos para o ícone dentro do botão */
.whats-flutuante a {
    display: block;
    color: #ffffff; /* Cor do ícone */
    font-size: 50px; /* Tamanho do ícone */
    text-align: center;
    text-decoration: none;
}

/* Animação de pulsar */
@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

@media screen and (max-width: 768px) {
    .whats-flutuante {
        bottom: 110px;
        right: -19px;
    }
    
    /* Ajusta o tamanho da imagem para 75% do seu tamanho original apenas em celulares */
    .whats-flutuante img {
        width: 75%;
        height: auto; /* Mantém a proporção da imagem */
    }
}