/* Стили для горизонтальной пагинации */
.pagination {
  display: flex; /* Расположить элементы в линию */
  list-style: none; /* Убрать маркеры списка */
  padding: 0; /* Убрать внутренние отступы */
  margin: 0; /* Убрать внешние отступы */
}

.page-item {
  margin-right: 8px; /* Расстояние между элементами */
}

.page-item:last-child {
  margin-right: 0; /* Убрать отступ у последнего элемента */
}

.page-link {
  display: block;
  padding: 8px 12px;
  text-decoration: none;
  color: #007bff; /* Цвет ссылок, можно изменить по желанию */
  border-radius: 4px;
}

.page-item.active .page-link {
  background-color: #007bff; /* Цвет активной страницы */
  color: white;
}

.page-item.page-prev .page-link,
.page-item.page-next .page-link {
  font-weight: bold;
}