.nb-pagination-5 .pagination {
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    --bs-pagination-border-radius: var(--nb-pagination-border-radius);
}

.nb-pagination-5 .nb-page-item {
    margin-right: calc(var(--nb-spacer-x) / 2);
    list-style: none;
}

.nb-pagination-5 .nb-page-item:last-child {
    margin-right: 0;
}

.nb-pagination-5 .nb-page-item .nb-page-link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: var(--nb-pagination-border-radius);
    min-width: 48px;
    height: 48px;
    padding: 0 16px;
    font-size: var(--nb-pagination-font-size);
    border: var(--nb-border-width) var(--nb-border-style) transparent;
    background: var(--nb-pagination-bg);
    color: var(--nb-pagination-color);
    cursor: pointer;
    transition: all .2s ease;
}

.nb-pagination-5 .nb-page-item.active .nb-page-link {
    color: var(--nb-pagination-active-color);
    background-color: var(--nb-pagination-active-bg);
    border-color: var(--nb-pagination-active-border-color);
}

.nb-pagination-5 .nb-page-item:not(.active):hover .nb-page-link,
.nb-pagination-5 .nb-page-item:not(.active):focus .nb-page-link {
    color: var(--nb-pagination-hover-color);
    border-color: var(--nb-spec-color);
    background-color: var(--nb-pagination-hover-bg);
}

.nb-pagination-5 .nb-page-item.nb-page-first .nb-page-link,
.nb-pagination-5 .nb-page-item.nb-prev .nb-page-link,
.nb-pagination-5 .nb-page-item.nb-next .nb-page-link,
.nb-pagination-5 .nb-page-item.nb-page-last .nb-page-link {
    min-width: unset;
}

.nb-pagination-5 .nb-pagination-5-mobile {
    display: none;
}

.nb-pagination-5 .nb-pagination-5-label {
    white-space: nowrap;
}


@media all and (max-width: 767px) {
    .nb-pagination-5 .nb-pagination-5-desktop {
        display: none;
    }

    .nb-pagination-5 .nb-pagination-5-mobile {
        display: block;
    }

    .nb-pagination-5 .nb-pagination-5-mobile-inner {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
    }

    .nb-pagination-5 .nb-pagination-5-mobile-status {
        flex: 0 0 auto;
        text-align: center;
        font-size: var(--nb-pagination-font-size);
        color: var(--nb-pagination-color);
        white-space: nowrap;
    }

    .nb-pagination-5 .nb-pagination-5-mobile-prev,
    .nb-pagination-5 .nb-pagination-5-mobile-next {
        flex: 0 0 auto;
        margin: 0;
    }

    .nb-pagination-5 .nb-pagination-5-mobile .nb-page-link {
        width: 48px;
        min-width: 48px;
        height: 48px;
        padding: 0;
    }
}