/* Estilo do botão flutuante do Instagram */
.instagram-btn {
  position: fixed;
  bottom: 70px; /* Distância da parte inferior */
  right: 20px; /* Coloca o botão no lado direito */
  z-index: 1000; /* Garantir que o botão fique acima de outros elementos */
  background-color: #E4405F; /* Cor de fundo do botão Instagram */
  border-radius: 50%; /* Botão redondo */
  padding: 10px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); /* Sombra do botão */
  transition: all 0.3s ease;
}

/* Estilo do ícone do Instagram */
.instagram-btn img {
  width: 50px;
  height: 50px;
  display: block;
}

/* Estilo do botão flutuante do WhatsApp */
.whatsapp-btn {
  position: fixed;
  bottom: 20px; /* Distância da parte inferior */
  right: 20px; /* Coloca o botão no lado direito */
  z-index: 1000; /* Garantir que o botão fique acima de outros elementos */
  background-color: #25d366; /* Cor do fundo do botão WhatsApp */
  border-radius: 50%; /* Botão redondo */
  padding: 10px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); /* Sombra do botão */
  transition: all 0.3s ease;
}

/* Estilo da imagem do ícone do WhatsApp */
.whatsapp-btn img {
  width: 50px;
  height: 50px;
  display: block;
}

/* Efeito de hover para ambos os botões */
.instagram-btn:hover, .whatsapp-btn:hover {
  transform: scale(1.1); /* Aumenta o tamanho do botão ao passar o mouse */
}