drupal-reha/web/themes/custom/reha/scss/partials/_slick_custom.scss

$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,
.view-sites {
    > .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;
    top: 50%;
        &.slick-next {
            padding-right: 0rem;
            right: 8%;
        } 
        &.slick-prev {
            padding-left: 0rem;
        } 
    }
}

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