.pagination_body {
    margin-top: 10px;
    font-size: 14px;
}

.pagination {
    display: flex;
    align-items: center;
}

.pagination .left_first,
.pagination .left,
.pagination .right,
.pagination .right_last,
.pagination .extra_left,
.pagination .extra_right,
.pagination .number {
    border: 0.5px solid #00000052;
    background-color: transparent;
    margin: 5px 3px;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 12px;
    color: #000000dc;
    cursor: pointer;
}

.pagination .selected {
    border: 0;
    color: #000000dc !important;
}

.pagination .disabled {
    border-color: #00000033;
    color: #00000052;
}

.pagination_body {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media(max-width: 768px) {

    .pagination_body {
        display: grid;
        justify-content: center;
    }

    .pagination_body .stats {
        text-align: center;
    }

    .pagination .left_first,
    .pagination .left,
    .pagination .right,
    .pagination .right_last,
    .pagination .extra_left,
    .pagination .extra_right,
    .pagination .number {
        font-size: 11px;
        margin: 5px 1px;
        padding: 5px 8px;
    }

    .pagination {
        justify-content: center;
    }
}