/* Estilo do botão flutuante */
.whatsapp-button {
    /* Define que o botão fica fixo na tela, mesmo com o scroll */
    position: fixed; 

    /* Controla a distância do botão em relação à parte inferior da tela */
    bottom: 90px; /* Altere este valor para "subir" ou "descer" o botão */
    
    /* Controla a distância do botão em relação à parte direita da tela */
    right: 25px; /* Altere este valor para mover o botão mais à esquerda ou mais à direita */
    
    /* Garante que o botão esteja acima de outros elementos, para não ser encoberto */
    z-index: 1000; 

    /* Define a largura e altura do botão */
    width: 60px; 
    height: 60px;

    /* Cor de fundo do botão (verde do WhatsApp) */
    background-color: #25D366; 

    /* Torna o botão circular */
    border-radius: 50%; 

    /* Adiciona uma sombra para dar profundidade */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);

    /* Centraliza o ícone dentro do botão */
    display: flex; 
    justify-content: center; 
    align-items: center;

    /* Adiciona um efeito de suavidade ao passar o mouse (hover) */
    transition: transform 0.3s ease;
}

/* Efeito ao passar o mouse sobre o botão */
.whatsapp-button:hover {
    transform: scale(1.1); /* Aumenta o tamanho do botão levemente */
}

/* Estilo para a imagem dentro do botão */
.whatsapp-button img {
    width: 35px; /* Define a largura da imagem do ícone */
    height: 35px; /* Define a altura da imagem do ícone */
}