:root {
    --pg-pagination-padding-x: 1rem;
    --pg-pagination-padding-y: 0.75rem;
    --pg-pagination-font-size: 1rem;
    --pg-pagination-color: #ffffff;
    --pg-pagination-bg: transparent;
    --pg-pagination-border-color: #dee2e6;
    --pg-pagination-border-width: 1px;
    --pg-pagination-border-radius: 0.25rem;
    --pg-pagination-active-color: #fff;
    --pg-pagination-active-bg: #007bff;
    --pg-pagination-active-border-color: #007bff;
    --pg-pagination-hover-color: #0056b3;

}

.pagination {
    padding-left: 0;
    list-style: none;
}

.page-item:first-child .page-link {
    border-top-left-radius: var(--pg-pagination-border-radius);
    border-bottom-left-radius: var(--pg-pagination-border-radius);
}
.page-item:not(:first-child) .page-link {
    margin-left: calc(var(--pg-border-width) * -1);
}

.page-item:last-child .page-link {
    border-top-right-radius: var(--pg-pagination-border-radius);
    border-bottom-right-radius: var(--pg-pagination-border-radius);
}

.active>.page-link, .page-link.active {
    z-index: 3;
    color: var(--pg-pagination-active-color);
    background-color: var(--pg-pagination-active-bg);
    border-color: var(--pg-pagination-active-border-color);
}

.page-link {
    font-size: 14px!important;
    position: relative;
    display: block;
    padding: var(--pg-pagination-padding-y) var(--pg-pagination-padding-x);
    font-size: var(--pg-pagination-font-size);
    color: var(--pg-pagination-color);
    text-decoration: none;
    background-color: var(--pg-pagination-bg);
    border: var(--pg-pagination-border-width) solid var(--pg-pagination-border-color);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}