/* Стилизация контейнера пагинации */
.pagination {
    text-align: center; /* Центрируем содержимое */
    margin-top: 20px; /* Расстояние сверху */
    padding: 10px 0; /* Внутренние отступы */
}

/* Стилизация ссылок пагинации */
.pagination a {
    display: inline-block; /* Ссылки на одной строке */
    margin: 5px; /* Расстояние между ссылками */
    padding: 5px 10px; /* Внутренние отступы ссылок */
    text-decoration: none; /* Убираем подчеркивание */
    background-color: #ececec; /* Цвет фона ссылок */
    color: #fff; /* Цвет текста ссылок */
    border-radius: 5px; /* Скругление углов */
    transition: background-color 0.3s ease; /* Плавное изменение цвета фона */
}

/* Стилизация активной ссылки (текущей страницы) */
.pagination .current {
    background-color: #fff; /* Цвет фона текущей страницы */
    color: #0073e6; /* Цвет текста текущей страницы */
}

/* Стилизация навигационных стрелок "Предыдущая" и "Следующая" */
.pagination .prev, .pagination .next {
    font-weight: bold; /* Жирный текст */
}

/* Медиа-запрос для мобильных устройств */
@media (max-width: 768px) {
    .pagination {
        margin-top: 10px; /* Уменьшаем расстояние сверху на мобильных */
    }
    .pagination a {
        font-size: 14px; /* Уменьшаем размер шрифта на мобильных */
    }
}