.pagination {
    justify-content: center;
    background: #f2f0ec;
    padding: 10px;
    border-radius: 10px;
    margin-top:50px;
}

    .pagination a {
        color: var(--pifoxen-black);
        transition: 300ms all;
        font-weight: bold;
    }

        .pagination a:hover {
            color: var(--pifoxen-base);
        }

.next {
    background: #f2f0ec !important;
}

.current {
    background: var(--pifoxen-base) !important;
    color: white !important;
    width: 31px;
    height: 32px;
    font-weight: bold;
    text-align: center;
    border-radius: 25px;
    margin: 0px 7px 0px 7px;
    transition: 300ms all;
    cursor: pointer;
}

.page-numbers:hover {
    background: white;
    color: var(--pifoxen-base);
    text-align: center;
}

.page-numbers {
    background: white;
    color: #666;
    width: 37px;
    height: 37px;
    border-radius: 37px;
    text-align: center;
    margin: 0px 7px 0px 7px;
    padding: 2px;
    transition: 300ms all;
}

.current span {
    color: white;
}

.pagination-next a,
.pagination-previous a {
    color: white;
}