df-messenger {
  /* z-index: 999;
    position: fixed;
    bottom: 0;
    left: 0;
    top: 0; */
  width: 100%;
  height: 500px;

  --df-messenger-titlebar-background: #fff;
  --df-messenger-chat-window-height: 600px;
}

.social-icons {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.social-icons .btn {
  margin: 0 10px;
  padding: 10px;
  border: none;
  border-radius: 50%;
  font-size: 20px;
  cursor: pointer;
}

/* Colores de fondo para los botones */
.whatsapp {
  color: #25d366; /* Verde */
}

.instagram {
  color: #bc2a8d; /* Rosa */
}

.messenger {
  color: #0078ff; /* Azul */
}