button.slick-arrow{
    background-color: transparent;
    border-radius: 50%;
    line-height: 1;
    width: 40px;
    height: 40px;
    border: 2px solid #444;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
    top: 30%;
    position: absolute;
    transform: translateY(-50%);
    z-index: 9;
}
button.slick-arrow:hover{
    background-color: #444;
}
button.slick-arrow svg path{
    transition: all 0.3s;
}
button.slick-arrow:hover svg path{
    stroke: #FFF;
}
button.slick-arrow.slick-disabled{
    opacity: 0.3;
}
.slick-arrow.arrow-next{
    right: -50px;
}
.slick-arrow.arrow-prev{
    left: -50px;
}
@media(max-width: 767px){
    .slick-arrow.arrow-next{
        right: -10px;
    }
    .slick-arrow.arrow-prev{
        left: -10px;
    }
    button.slick-arrow{
        top: 8%;
    }
}
@media(max-width: 479px){
    button.slick-arrow{
        top: 15%;
    }
}