.paginations__wrap {
    gap: 1.5rem;
    flex-wrap: nowrap;
}

.paginations__pages {
    gap: .5rem;
}

.paginations__page-btn {
    padding: 0 1.25rem;
    border-radius: .75rem;
    min-width: 3.5rem;
}

.paginations__page-btn.--border-2 {
    box-shadow: inset 0rem 0rem 0rem 0.125rem var(--color__border);
    font-weight: 400;
}

.paginations__more-btn {
    border-radius: .75rem;
}

.paginations__more-btn.btn.--xl {
    font-size: 1.25rem;
    line-height: 1.875rem;
    font-weight: 600;
}

.paginations__label {
    color: #33333380;
}

.paginations__select {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='11' viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2L8 8L14 2' stroke='%23111111' stroke-width='2'/%3E%3C/svg%3E%0A");
    width: fit-content;
    height: 3.5rem;
}

.paginations__select.select.--border {
    padding: 0 3.375rem 0 1.125rem;
    background-position: calc(100% - 1.125rem) center;
    background-size: .75rem;
    border-radius: .75rem;
}

@media screen and (max-width: 1199px) {
    .paginations__wrap {
        flex-wrap: nowrap;
    }

    .paginations__pages {
        flex-shrink: 1;
    }

    .paginations__more-btn {
        flex-shrink: 2;
    }

    .paginations__per-page {
        flex-shrink: 3;
        flex-wrap: nowrap;
    }

}

@media screen and (max-width: 991px) {
    .paginations__wrap {
        flex-wrap: wrap;
        gap: 1.23rem;
        column-gap: .62rem;
    }

    .paginations__more-btn {
        max-width: 100% !important;
        font-size: 1.23rem;
        line-height: 1.84rem;
        height: 4rem;
        order: 1;
    }

    .paginations__more-btn svg {
        width: 1.23rem;
        height: 1.23rem;
    }

    .paginations__more-btn.mob-show {
        display: flex !important;
    }

    .paginations__pages {
        order: 2;
        max-width: fit-content !important;
        flex-shrink: 1;
        gap: .62rem;
    }

    .paginations__page-btn {
        padding: 0 1.23rem;
        font-size: 1.07692rem;
        line-height: 1.84615rem;
    }

    .paginations__per-page {
        order: 3;
        max-width: fit-content !important;
        flex-shrink: 1;
    }

    .paginations__select {
        margin-left: 0 !important;
        padding: 0 2.46rem 0 1.23rem !important;
        background-size: .92rem !important;
        background-position: calc(100% - .92rem) center !important;
        font-size: 1.07692rem;
        line-height: 1.84615rem;
    }
}