.page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}
.page-numbers li a,
.page-numbers li span {
    width: 40px;
    height: 40px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    font-weight: 600;

}

.page-numbers li a:hover,
.page-numbers li span:hover {
    background: lightgray;
}


.page-numbers li .current {
    background: lightgray;
}

.page-numbers li .prev,
.page-numbers li .next {
    width: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}