/* Estilo do botão flutuante - visível apenas em mobile */
.whatsapp-float {
display: none; /* Escondido por padrão */
position: fixed;
width: 50px;
height: 50px;
bottom: 20px;
left: 20px; /* Alterado para lado esquerdo */
background-color: #da0236;
color: #FFF;
border-radius: 50px;
text-align: center;
font-size: 24px;
box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
z-index: 100;
align-items: center;
justify-content: center;
transition: all 0.4s ease;
}

/* Mostrar apenas em telas menores (mobile) */
@media (max-width: 768px) {
.whatsapp-float {
display: flex;
}
}

/* Efeito ao passar o mouse */
.whatsapp-float:hover {
background-color: #25d366;
transform: scale(1.1);
}

.whatsapp-float:hover::after {
opacity: 1;
visibility: visible;
right: -160px;
}