#btn-whatsapp {

    position: fixed;

    left: 0;

    bottom: 20px; /* fica no final da tela */

    z-index: 9999;

    padding-left: 5px;

}



/* Imagem do botão */

#btn-whatsapp img {

    width: 220px;

    max-width: 90vw;

    cursor: pointer;

    transition: all 0.3s ease;

    filter: drop-shadow(0 0 10px rgba(255, 200, 80, 0.6));

}



/* Hover mágico */

#btn-whatsapp img:hover {

    transform: scale(1.05);

    filter: drop-shadow(0 0 18px rgba(0, 255, 120, 0.9));

}

/* Estado inicial (escondido) */

#btn-whatsapp {

    position: fixed;

    left: 0;

    bottom: 20px;

    z-index: 9999;

    padding-left: 5px;



    opacity: 0;

    transform: translateX(-40px);

    transition: opacity 1s ease, transform 1s ease;

}



/* Quando ativar a animação */

#btn-whatsapp.show {

    opacity: 1;

    transform: translateX(0);

}



/* Imagem */

#btn-whatsapp img {

    width: 220px;

    max-width: 90vw;

    cursor: pointer;

    transition: all 0.3s ease;

    filter: drop-shadow(0 0 10px rgba(255, 200, 80, 0.6));

}



/* Hover mágico */

#btn-whatsapp img:hover {

    transform: scale(1.05);

    filter: drop-shadow(0 0 18px rgba(0, 255, 120, 0.9));

}