.bpress-pagination, .pagination {
    padding-top: 20px;
}
.bpress-pagination ul,.pagination ul {
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
}
.bpress-pagination ul li,.pagination ul li {
    display: flex;
    font-size: 1rem;
}
.bpress-pagination ul li>a,.bpress-pagination ul li>span,.pagination ul li>span,.pagination ul li>a {
    width: 40px;
    height: 40px;
    margin: 0 5px 5px 0;
    background-color: #fff !important;
    border-radius: 10%;
    border: 1px solid #cfd8dc!important;
    color: #546e7a !important;
    font-weight: 700;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bpress-pagination ul li>a:hover,.pagination ul li>a:hover {
    background-color: #eceff1 !important;
}
.bpress-pagination ul li>a span.icon,.pagination ul li>a span.icon {
    margin: 0;
    width: 14px;
    height: 14px;
}
.bpress-pagination ul li>a span.icon svg,.pagination ul li>a span.icon svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
}
.bpress-pagination ul li>span.current,.pagination ul li>span.current {
    background-color: #07833d !important;
    color: #fff !important;
}
@media (min-width: 48rem){
    .bpress-pagination ul li>span,.pagination ul li>span,.pagination ul li>a {
    }
}
@media (max-width: 64rem){
    .bpress-pagination, .pagination {
        margin-bottom: 20px;
    }
}