.btn-whatsapp {
  position: fixed;
  bottom: 20px;
  left: 35px;
  background-color: #25d366;
  color: #fff; /* Changed to white for white text */
  border-radius: 5px;
  padding: 10px; /* Adjusted padding */
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center; /* Centers the icon horizontally */
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}

.btn-whatsapp:hover {
  background-color: #20c25a;
}

/* Assuming the SVG icon is inside a span with class button-content */
.button-content {
  display: flex;
  align-items: center; /* Aligns icon and text vertically */
}

/* Assuming the text is inside a span with class button-text */
.button-text {
  color: #fff; /* White text */
  margin-left: 7px; /* Add a margin to separate icon and text */
}



.btn-whatsapp svg.bi-whatsapp,
.btn-whatsapp svg.bi-whatsapp path {
  fill: #fff; /* White color for the icon */
}

.btn-whatsapp a {
    text-decoration: none;
}

.animation{
    animation: latidos 3s infinite;
}