MLS properties fix slick arrow

/*START- MLS properties fix slick arrow*/
div.properties-grid__arrows{
    display: inline-flex;
    margin-top:10px;
    
    button.slick-arrow{
    background-color:transparent;
    border: solid 2px #000;
        &:before{
            border-color: #000;
            
        }
        &:hover{
            opacity: 1;
            background-color:#000;
            border: solid 2px #000;
            &:before{
                border-color: #fff;
            }
        }
    }
}
/*END- MLS properties fix slick arrow*/