.pagination {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 10px;
    text-align: center;
    margin-top: 10px;
}
.page-item a {
    border-radius: 4px;
    padding: 4px 7px;
    background-color: #efefef;
    color: #4e4e4e;
}

.page-item.active a {
    z-index: 3;
    background-color: #808285;
    padding: 4px 7px;
}

a.page-item {
    border-radius: 4px;
    padding: 4px 7px;
    background-color: #efefef;
    color: #4e4e4e;
}

span.current-page {
    z-index: 3;
    background-color: #808285;
    padding: 4px 7px;
    border-radius: 4px;
}
.page-item.active,
.page-item.active a {
    color: #fff;
}

.page_btn {
    background-color: #a8a8a8 !important;
    color: white !important;
}

.page_btn a {
    background-color: #a8a8a8 !important;
    color: white !important;
}

.page_btn:first-child,
.page_btn:last-child {
    background-color: #a8a8a8 !important;
}