/* Estilos do Botão Flutuante do WhatsApp */
.whatsapp-button {
    position: fixed; /* Posição fixa em relação à tela */
    bottom: 30px;    /* 30 pixels da parte inferior */
    right: 30px;     /* 30 pixels da parte direita */
    z-index: 1000;   /* Garante que o botão fique acima de outros elementos */
    
    /* Aparência do botão */
    background-color: #25D366; /* Cor verde do WhatsApp */
    color: white;
    width: 60px;
    height: 60px;
    border-radius: 50%; /* Deixa o botão circular */
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.2); /* Sombra suave */
    
    /* Centraliza o ícone dentro do botão */
    display: flex;
    align-items: center;
    justify-content: center;
    
    /* Animação suave */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-decoration: none; /* Remove o sublinhado do link */
}

/* Efeito ao passar o mouse por cima (para desktops) */
.whatsapp-button:hover {
    transform: scale(1.1); /* Aumenta um pouco o tamanho */
    box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.3); /* Sombra mais forte */
}

/* Estilo do ícone Font Awesome */
.whatsapp-button .fa-whatsapp {
    font-size: 36px; /* Ajusta o tamanho do ícone */
    color: white;
}