.nb-pagination.pagination {
    justify-content: center;
    padding: 0;

    --bs-pagination-border-radius: var(--nb-pagination-border-radius);
}

.nb-pagination .nb-page-item .nb-page-link {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--nb-pagination-border-radius);
    width: var(--nb-pagination-width);
    height: var(--nb-pagination-height);
    font-size: var(--nb-pagination-font-size);
    border: var(--nb-border-width) var(--nb-border-style) var(--nb-border-color);
}

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

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

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

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

.nb-pagination .nb-page-item .nb-page-link {
    color: var(--nb-pagination-color);
    cursor: pointer;
}

.nb-pagination .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 .nb-page-item.nb-prev:not(.active):hover .nb-page-link,
.nb-pagination .nb-page-item.nb-prev:not(.active):focus .nb-page-link,
.nb-pagination .nb-page-item:not(.active):hover .nb-page-link,
.nb-pagination .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 .nb-page-item.active:hover .nb-page-link {
    color: var(--nb-pagination-active-color);
}