.page-item.active .page-link {
    background-color: var(--main-color) !important;
    color: white !important;
}

.page-link {
    color: var(--main-grey) !important;
}

.page-link:hover {
    color: var(--main-color) !important;
}

.pagination {
    border: 1px solid var(--main-grey) !important;
}

.pagination li:not(:first-child) a, .pagination li:not(:first-child) span {
    border-left: 1px solid var(--main-grey) !important;
}

.pagination li:not(:last-child) a, .pagination li:not(:last-child) span {
    border-right: 1px solid var(--main-grey) !important;
}

.pagination li,
.pagination li a,
.pagination li span {
    border-bottom: none !important;
    margin-bottom: none !important;
    border-top: none !important;
    margin-top: none !important;
}