.pagination-div {
    justify-self: center;
}

.page-link {
    border-radius: 8px;
    margin: 0 8px;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;

    color: #0d6efd;
    border: 1px solid transparent;
    transition: all 0.2s ease-in-out;
}

.page-item.disabled .page-link {
    border-color: transparent;
}


.page-item .page-link {
    color: var(--primary, #367cdd);
    transition: ease-in-out .1s all;
}

.page-item:hover .page-link,
.page-item.active .page-link {
    background-color: var(--primary, #367cdd);
    border-color: var(--primary, #367cdd);
    color: white;
}