Button

/*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: #BFDDDB;
        }
    }
}

@media only screen and (max-width:768px){
    div.arrows .lp-arrow.slick-arrow{
        background-color: transpoarent;
        border: solid 2px #BFDDDB;
        &:before{
            border-color: #BFDDDB;
        }
        &:hover{
            border: solid 2px #BFDDDB;
            background-color: #BFDDDB
            &:before{
                border-color: #fff;
            }
        }
    }
}
/*END - slick arrow theme*/