$slick-prev-character: "\003C" !default;
$slick-next-character: "\003E" !default;
$slick-arrow-color: $yellow-puca !default;



.home-page-layout-content{
    .slick-dots {
        // bottom: -40px !important;
    }
}

.view-actus .slick-arrow {
    // background-color: rgba(255, 255, 255, 0.8);
    background-image: radial-gradient(white, transparent);
    border-radius: 50%;
    padding: 0.8rem;
    width: 120px;
    height: auto;
    &.slick-next {
        padding-right: 0rem;
    } 
    &.slick-prev {
        padding-left: 0rem;
    } 
}

.view-sites,
.view-actus {
    > .slick-arrow{
        top: 50%;
        &.slick-next {
            right: 230px;
            padding-right: 0rem;
        } 
    }
}