.container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pagination button {
    /* background: #272a2e; */
    background: #ccc;
    border: none;
    padding: 10px 14px;
    cursor: pointer;
    font-weight: 400;
}

.pagination button.active {
    /* background: #515861; */
    background: #a0a0a0;
}

.pagination button:first-child {
    border-left: none;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.pagination button:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.pagination button {
    border-left: 1px solid #888;
    /* color: #fff; */
    color: #000;
}

.mobile_first,
.mobile_previous,
.mobile_next,
.mobile_last {
    display: none;
}

.all_buttons {
    display: inline-block;
}
.all_buttons button {
    border-left: 1px solid #888 !important;
    border-radius: 0px !important;
}

@media screen and (max-width: 980px) {
    .first,
    .previous,
    .last,
    .next {
        display: none;
    }
    .mobile_first,
    .mobile_previous,
    .mobile_next,
    .mobile_last {
        display: initial;
    }
}