.pagination-item * {
    font-size: 1rem;
}
.pagination-item, .digit, .digiton {
    display: inline-block;
}
.pagination-item-nav, .pagination-item-nav * {
    color: #335dbd;
   font-weight: bold;
}
.pagination-item-nav:hover {
    color: #ff9900
}
.page-num-selected  {
    background: #335dbd;
    color: white;
    border: none;
}
.page-num-selected input, .digiton span {
    background: #335dbd;
    color: white;
    border: none;
    font-weight: normal;
}
.page-num, .digit  {
    color: black;
    border: none;
}
.page-num input, .digit a {
    background: #ebebeb;
    color: black;
    border: none;
    font-weight: normal;
}
.page-num:hover * {
    background: #335dbd;
    color: white;
}

@media (max-width: 700px) {
    .pagination-item, .digit, .digiton, .digiton:first-child, .digiton:last-child,
    .pagination-item:first-child, .pagination-item:last-child, .digit:first-child, .digit:last-child{
        margin: 0.3rem;
    }
    .page-num-selected input, .digiton span {
        padding: 0.2rem 0.5em;
    }
    .page-num input, .digit a {
        padding: 0.2rem 0.5em;
    }
    .pagination-item-nav, .pagination-item-nav * {
        font-size: 1rem;
    }
}
@media (min-width: 700px) {
    .pagination-item, .digit, .digiton, .digiton:first-child, .digiton:last-child,
    .pagination-item:first-child, .pagination-item:last-child, .digit:first-child, .digit:last-child{
        margin: 0.5rem;
    }
    .page-num-selected input, .digiton span {
        padding: 0.4rem 0.7em;
    }
    .page-num input, .digit a {
        padding: 0.4rem 0.7em;
    }
    .pagination-item-nav, .pagination-item-nav * {
        font-size: 1.2rem;
    }
}