.pagination-block {
    position: absolute; 
    min-width: calc((366px * 3) + (34px * 2));
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -54px;
}

.pagination-block .pagination {
     display: flex;
     align-items: center;
     justify-content: space-between;
}

.pagination .first-part {
    display: flex;
    align-items: center;
}

.pagination .second-part {
    display: flex;
    align-items: flex-start;
}

.pagination .second-part button:disabled {
    border: none;
    padding: 0;
    cursor: not-allowed;
    background-color: transparent;
}

.pagination .pagination-pages a,
.pagination .current span {
    font-family: 'Sohne Mono';
    font-size: 18px;
    line-height: 24px; 
    padding: 4px 7px;
    letter-spacing: 0.05em;
    color: var(--white);
}

.pagination .current  span.current {
    color: var(--black);
}

/*  Medium devices (tablets, less than 992px) */
@media (max-width: 1200px) {  

    .pagination-block {
        min-width: calc(358px + 358px + 20px);
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

/*  X-Small devices (portrait phones, less than 576px) */
@media (max-width: 576px) {  

    .pagination-block {
        min-width: unset;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .pagination-block .pagination {
        flex-direction: column;
    }

}