/* Стиль для контейнера с иконкой */
.nextSlide {
  display: inline-block;
  text-align: center;
}

/* Иконка мышки с классом .mouse-icon */
.mouse-icon {
  font-size: 48px; /* Размер иконки */
  color: #e8eaed; /* Цвет иконки */
  animation: moveUpDown 2s ease-in-out infinite; /* Анимация движения */
  cursor: pointer; /* Указывает, что это кликабельная иконка */
}

/* Анимация для движения мышки вверх и вниз */
@keyframes moveUpDown {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px); /* Двигаем вверх */
  }
  100% {
    transform: translateY(0); /* Возвращаем в исходное положение */
  }
}

/* Эффект при наведении на иконку с классом .mouse-icon */
.mouse-icon:hover {
  animation: moveUpDown 0.5s ease-in-out; /* Быстрое движение при наведении */
  color: #a8d0e6; /* Цвет при наведении */
}