slick arrows

web/themes/custom/reha/dist/css/bundle.css

@@ -1048,7 +1048,7 @@ aside.layout-sidebar-second {
   cursor: pointer;
   background: transparent;
   color: transparent;
-  top: 20%;
+  top: 18%;
   -webkit-transform: translate(0, -50%);
   -ms-transform: translate(0, -50%);
   transform: translate(0, -50%);
@@ -1078,13 +1078,13 @@ aside.layout-sidebar-second {
   font-size: 200px;
   line-height: 1;
   color: rgb(153, 147, 174);
-  opacity: 0.75;
+  opacity: 0.4;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
 .slick-prev {
-  left: -25px;
+  left: 250px;
   padding-left: 4rem;
 }
 [dir=rtl] .slick-prev {
@@ -1092,28 +1092,24 @@ aside.layout-sidebar-second {
   right: 200px;
 }
 .slick-prev:before {
-  content: "<";
-  font-weight: lighter;
+  content: url("../../dist/images/grandes_fleches_prev.svg");
 }
 [dir=rtl] .slick-prev:before {
-  content: ">";
-  font-weight: lighter;
+  content: url("../../dist/images/grandes_fleches_prev.svg");
 }
 
 .slick-next {
-  right: 200px;
+  right: 350px;
 }
 [dir=rtl] .slick-next {
   left: -25px;
   right: auto;
 }
 .slick-next:before {
-  content: ">";
-  font-weight: lighter;
+  content: url("../../dist/images/grandes_fleches_next.svg");
 }
 [dir=rtl] .slick-next:before {
-  content: "<";
-  font-weight: lighter;
+  content: url("../../dist/images/grandes_fleches_next.svg");
 }
 
 /* Dots */
@@ -1177,7 +1173,7 @@ aside.layout-sidebar-second {
 }
 .slick-dots li.slick-active button:before {
   color: black;
-  opacity: 0.75;
+  opacity: 0.4;
 }
 
 /* Slider */
@@ -1274,8 +1270,6 @@ aside.layout-sidebar-second {
 }
 
 .view-actus.slick-slider.slick-next:before {
-  content: ">";
-  font-weight: 100;
   background: rgba(255, 255, 255, 0.1);
 }