.ingite-pagination{
    text-align:left;
    padding:.5rem 0;
    & .ingite-pagination-item{
        margin:0 .5rem;
        display:inline-block;
        text-decoration:none;
        text-align:center;
        letter-spacing:.5px;
        -webkit-transition:background-color .2s ease-out;
        transition:background-color .2s ease-out;
        -webkit-user-select:none;
        cursor:pointer;
        border:none;
        border-radius:50%;
        display:inline-block;
        min-width:36px;
        height:36px;
        line-height:36px;
        padding:0 8px;
        text-transform:uppercase;
        vertical-align:middle;
        -webkit-tap-highlight-color:transparent;
        background:transparent;
        color:inherit;
        & a{
            color:inherit;
            text-decoration:none;
        }
        &:hover, &:focus, &:active{
            background:var(--ingite-color-pagination-hover, rgba(0,0,0,.1));
            color:  var(--ingite-color-on-pagination-hover, inherit);
        }
    }
    .ingite-pagination-current, .ingite-pagination-current:hover, .ingite-pagination-current:focus, .ingite-pagination-current:active{
        background:var(--ingite-color-pagination);
        color:  var(--ingite-color-on-pagination);
    }
}