.pagination {
    width: 775px;
    height: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 10px;
    opacity: 1;
    list-style-type: none;
    list-style-image: none;
    padding-left:0px;
    float:right;
    padding-left:10px;
    padding-right:10px;
}

.pagination li {
    width: 40px;
    height: 40px;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-44) var(--unnamed-font-family-avenir-next);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-0c153c);
    text-align: center;
    font: normal normal bold 14px/44px Avenir Next;
    letter-spacing: 0px;
    color: #0C153C;
    opacity: 1;
}

.pagination li a {
    text-decoration: none;
}

.next a {
    margin-right: 10px;
}

.prev > a:nth-child(1) {
}

.active {
    width: 30px;
    height: 30px;
    background: #191919 0% 0% no-repeat padding-box;
    border-radius: 5px;
    opacity: 1;
}

.active a {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-44) var(--unnamed-font-family-avenir-next);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    text-align: center;
    font: normal normal bold 14px/44px Avenir Next;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    text-decoration: none;
}

#pag-prev, #pag-next {
    color: #7c8090;
}

.pagination > li a:nth-child(1) {
    color: black;
}

.pagination li.active a {
    color: white;
}