ul.pagination li {
    margin-left: 3px;
    margin-right: 3px;
}
ul.pagination li.pagination-first {
    margin-right: 0px;
}

ul.pagination li.pagination-last{
    margin-left: 0px;
}

    ul.pagination li a {
        font-size: 14px;
        color: #bb8cbd;
        width: 42px;
        height: 42px;
        line-height: 42px;
        border: 1px solid #d7dee2;
        display: inline-flex;
        border-radius: 50%;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        text-align: center;
        -webkit-transition: all 0.4s linear;
        transition: all 0.4s linear;
    }

    ul.pagination li.active a, ul.pagination li a:hover {
        background-color: #bb8cbd;
        border-color: #bb8cbd;
        color: #fff;
    }

    ul.pagination li a:focus {
        outline: none;
        outline-offset: unset;
    }

  
    ul.pagination li.disabled a{
        cursor: no-drop;
        background: #e4e4e4;
        color: #b2b8bc;
        border-color: #e4e4e4;
    }
        ul.pagination li.disabled a:hover {
            cursor: no-drop;
            background: #e4e4e4;
            color: #b2b8bc;
            border-color: #e4e4e4;
        }
  
        ul.pagination li.disabled a {
            cursor: no-drop;
        }
        ul.pagination li.disabled a {
            cursor: no-drop;
            color: #b2b8bc;
        }

            ul.pagination li.disabled a:hover {
                cursor: no-drop;
                background: #e4e4e4;
                color: #b2b8bc;
                border-color: #e4e4e4;
            }