/* =========================================================
   PAGINATION
   ========================================================= */


/* =========================================================
   ОСНОВНОЙ КОНТЕЙНЕР
   ========================================================= */

.pagination {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    width: 100%;

    margin-top: 20px;

    font-family:
        Inter,
        system-ui,
        sans-serif;

    font-size: 14px;

}


/* =========================================================
   ССЫЛКИ
   ========================================================= */

.pagination-link {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-height: 34px;

    padding: 0 12px;

    box-sizing: border-box;

    border: 1px solid #E5E7EB;

    border-radius: 6px;

    background: #FFFFFF;

    color: #1D4ED8;

    font-family:
        Inter,
        system-ui,
        sans-serif;

    font-size: 14px;

    font-weight: 500;

    line-height: 1;

    text-decoration: none;

    transition:
        background .15s ease,
        border-color .15s ease,
        color .15s ease,
        transform .15s ease;

}


/* =========================================================
   НАВЕДЕНИЕ
   ========================================================= */

.pagination-link:hover {

    background: #F5F7FA;

    border-color: #1D4ED8;

    color: #1D4ED8;

    transform: translateY(-1px);

}


/* =========================================================
   НАЖАТИЕ
   ========================================================= */

.pagination-link:active {

    background: #F5F7FA;

    border-color: #1D4ED8;

    color: #1D4ED8;

    transform: translateY(0);

}


/* =========================================================
   ИНФОРМАЦИЯ О СТРАНИЦЕ
   ========================================================= */

.pagination-info {

    display: inline-flex;

    align-items: center;

    gap: 5px;

    min-height: 34px;

    padding: 0 8px;

    color: #4B5563;

    font-size: 14px;

    font-weight: 500;

    white-space: nowrap;

}


/* =========================================================
   ТЕКУЩАЯ СТРАНИЦА
   ========================================================= */

.pagination-current {

    color: #1D4ED8;

    font-weight: 600;

}


/* =========================================================
   ОБЩЕЕ КОЛИЧЕСТВО СТРАНИЦ
   ========================================================= */

.pagination-total {

    color: #4B5563;

    font-weight: 500;

}