Pagination for Desktop and Mobile View

/*START - slick arrow theme*/
div.arrows .lp-arrow.slick-arrow{
    background-color: transparent;
    border: solid 2px #fff;
    &:before{
        border-color:#fff;
    }
    &:hover{
        border: solid 2px #fff;
        background-color:#fff;
        &:before{
            border-color:#203049;
        }
    }
    /*dark version slick arrow for mobile view*/
    @media (max-width:768px){
        background-color: transparent;
        border: solid 2px #203049;
        &:before{
            border-color:#203049;
        }
        &:hover{
            border: solid 2px #203049;
            background-color:#203049;
            &:before{
                border-color:#fff;
            }
        }
    }
}
/*END - slick arrow theme*/