button.slick-arrow,
button.slick-arrow:hover,
button.slick-arrow:focus {
    position: absolute;
    font-size: 0;
    width: 20px;
    height: 31px;
    top: calc(50% - 31px / 2);
    background: #fff url(/contenu/themes/c2b-constructions/assets/images/slider_arrow.png) center center no-repeat;
    transition: all 0.5s;
    cursor: pointer;
    opacity: 0.6;
}

button.slick-arrow:hover {
    opacity: 1;
    width: 40px;
}
button.slick-next.slick-arrow {
    left: calc(100% + 15px);
}
button.slick-prev.slick-arrow {
    right: calc(100% + 15px);
    transform: rotate(180deg);
}