div.modern-page-navigation {
    display: flex;
    justify-content: center;
    padding: 2rem 0;
    font-size: 1rem;
}

div.modern-page-navigation a,
span.modern-page-current,
span.modern-page-dots  {
    border-left-width: 1px;
    text-decoration: none;
    padding: 8px 16px 5px 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #000;
    margin: 0 5px;
}

div.modern-page-navigation a.modern-page-previous {
    border-right-width: 1px;
    border-left: none; }

div.modern-page-navigation a.modern-page-first,
div.modern-page-navigation span.modern-page-first {
    border-left: none;}

span.modern-page-current {
    background: #c59368;
    border-color: #c59368;
    padding: 8px 16px 5px 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    border-radius: .25rem;}

.pagination {}

.pagination>li>a {
    color: #000 !important;}

.pagination>li.active>a {
    color: #000 !important;}

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
    z-index: 3;
    background: none !important;
    border-color: transparent;}