/* Estilo do botão fixo do WhatsApp */
.whatsapp-fixed {
  position: fixed;
  left: 20px; /* Distância da borda direita */
  bottom: 20px; /* Distância da borda inferior */
  z-index: 1000; /* Fica acima de outros elementos */
}

.whatsapp-button {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color: #fff;
  background-color: #25d366; /* Cor verde do WhatsApp */
  width: 70px; /* Largura do botão */
  height: 70px; /* Altura do botão */
  border-radius: 50%; /* Forma circular */
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); /* Sombra suave */
  transition: background-color 0.3s ease;
}

.whatsapp-button:hover {
  background-color: #128c7e; /* Cor ao passar o mouse */
}

.whatsapp-button i {
  font-size: 30px; /* Tamanho do ícone */
}

/* Ajustes para dispositivos móveis */
@media (max-width: 768px) {
  .whatsapp-button {
    width: 80px; /* Reduz o tamanho do botão */
    height: 80px;
  }

  .whatsapp-button i {
    font-size: 40px; /* Reduz o tamanho do ícone */
  }
}