.book-now-btn,
.book-now-btn-2 {
  position: fixed;
  right: 20px;
  background-color: #6dc234;
  color: white;
  padding: 15px 34px 20px 34px;
  border-radius: 10px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px); /* Desplazamiento hacia abajo cuando están ocultos */
}

/* Posición de los botones */
.book-now-btn {
  top: 80%;
}

.book-now-btn-2 {
  top: 70%;
}

/* Animación para mostrar los botones */
.visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Animación de flotación */
@keyframes float {
  0%, 100% {
    transform: translateY(-50%) translateX(0);
  }
  50% {
    transform: translateY(-50%) translateX(-10px);
  }
}

.book-now-btn,
.book-now-btn-2 {
  animation: float 2s ease-in-out infinite;
}

@media (max-width: 768px) {
  .book-now-btn,
  .book-now-btn-2 {
    font-size: 16px;
    padding: 4px 17px;
  }
  .book-now-btn {
    top: 75%;
  }
}