.reservation-widgets {
      position: fixed;
      top: 50%;
      transform: translateY(-50%);
      right: 10px; /* Mude para 'left' para posicionar na lateral esquerda */
      z-index: 10;
      display: flex;
      flex-direction: column;
      gap: 10px;
      opacity: 0; /* Inicialmente invisível */
    transition: opacity 0.3s;

  }
  
  .widget {
    background-color: #ffffff;
      border: 1px solid #cccccc;
      border-radius: 50%;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      padding: 7px;
      transition: transform 0.3s;
  }
  
  .widget:hover {
      transform: scale(1.1);
  }
  
  .widget img {
      width: 35px; /* Ajuste o tamanho conforme necessário */
      height: auto;
  }


/* Ajustes para dispositivos móveis */
@media (max-width: 768px) {
    .reservation-widgets {
        right: 5px; /* Ajuste para a lateral esquerda se necessário */
        gap: 5px;
        z-index: 10;
    }

    .widget {
        padding: 5px;
    }

    .widget img {
        width: 30px; /* Tamanho menor para dispositivos móveis */
    }
}