/* Стили для кнопки на десктопе */
@media (min-width: 769px) {
  .booking-button {
    position: fixed;
    bottom: 40px;         /* Отступ от низа */
    right: 200px;         /* Отступ от правого края */
    background-color: #3D3D3D;  /* Темный фон кнопки */
    color: white;         /* Белый текст */
    padding: 18px 36px;   /* Увеличенные отступы для кнопки */
    font-size: 18px;      /* Размер шрифта */
    font-family: Arial, sans-serif;  /* Шрифт Arial */
    text-align: center;   /* Текст по центру */
    text-decoration: none; /* Убираем подчеркивание */
    border-radius: 30px;  /* Закругленные углы */
    border: 2px solid #6f8d6a;  /* Обводка */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); /* Тень */
    z-index: 9999;        /* Уровень поверх других элементов */
    transition: background-color 0.3s ease, border-color 0.3s ease;
  }

  .booking-button:hover {
    background-color: #6f8d6a; /* Цвет при наведении */
    border-color: #6f8d6a;     /* Цвет обводки при наведении */
  }
}

/* Стили для кнопки на мобильных устройствах */
@media (max-width: 768px) {
  .booking-button {
    position: fixed;
    bottom: 20px;          /* Отступ от низа */
    left: 50%;             /* Центрируем по горизонтали */
    transform: translateX(-50%);  /* Центрируем кнопку */
    background-color: #3D3D3D;  /* Темный фон кнопки */
    color: white;         /* Белый текст */
    padding: 16px 32px;    /* Уменьшенные отступы */
    font-size: 16px;       /* Меньший размер шрифта */
    font-family: Arial, sans-serif;  /* Шрифт Arial */
    text-align: center;   /* Текст по центру */
    text-decoration: none; /* Убираем подчеркивание */
    border-radius: 30px;  /* Закругленные углы */
    border: 2px solid #6f8d6a;  /* Обводка */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); /* Тень */
    z-index: 9999;        /* Уровень поверх других элементов */
    transition: background-color 0.3s ease, border-color 0.3s ease;
  }

  .booking-button:hover {
    background-color: #6f8d6a; /* Цвет при наведении */
    border-color: #6f8d6a;     /* Цвет обводки при наведении */
  }
}

.scroll-left {
  position: fixed;        /* Фиксированное положение */
  top: 20px;              /* Отступ сверху */
  left: 20px;             /* Отступ слева */
  font-size: 30px;        /* Размер стрелки */
  color:#7B907B;         /* Светло-серый цвет стрелки */
  text-decoration: none;  /* Убираем подчеркивание */
  z-index: 9999;          /* Чтобы стрелка была поверх остальных элементов */
  transition: color 0.3s ease;  /* Плавный переход цвета при наведении */
}

.scroll-left:hover {
  color: #555555 !important;  /* Темно-серый цвет стрелки при наведении */
}