#pagination.pagination-wrapper {
    display: flex;
    justify-content: center;
}

.pagination {
    min-height: 35px;
    width: auto;
}

.pagination * {
    min-height: 35px;
}
.pagination > li{
    transition-property: display, opacity, color, background-color;
    transition-duration: .2s;
}
.btn-pagination{
    min-width: 2.5em;
}
.pagination > li:not(.disabled):hover{
    background-color: lightgrey;
}
.pagination > li:not(.disabled){
    cursor: pointer;
}
.pagination > li.disabled{
    color: #DDD;
}


.pagination {
    font-size: .8em;
}

@media only screen and (min-width: 993px) {
    .pagination {
        font-size: 1em;
    }
}