arrow fixed

goto.js

@@ -17,7 +17,7 @@ $('.designer-bannerslider-mb').slick({
   slidesToScroll: 1,//預設 1 幻灯片每次滑動幾張
   arrows: false, // 預設 true 左右箭頭是否顯示
   dots: true,
-  prevArrow: '<button type="button" class="slick-prev"><div class="slick-arrow-slider d-flex justify-content-center align-items-center" style="width:50px; height:50px;"><img class="arrow-img" style="width: 15px; transform: rotate(180deg);" src="./img/sec04/arrow-left.png" alt=""><div></button>',
+  prevArrow: '<button type="button" class="slick-prev"><div class="slick-arrow-slider d-flex justify-content-center align-items-center" style="width:50px; height:50px;"><img class="arrow-img" style="width: 15px;" src="./img/sec04/arrow-left.png" alt=""><div></button>',
   nextArrow: '<button type="button" class="slick-next"><div class="slick-arrow-slider d-flex justify-content-center align-items-center" style="width:50px; height:50px;"><img class="arrow-img" style="width: 15px;" src="./img/sec04/arrow.png" alt=""><div></button>',
 });
 
@@ -91,7 +91,7 @@ $('.designer-bannerslider2').slick({
   slidesToScroll: 1,//預設 1 幻灯片每次滑動幾張
   arrows: true, // 預設 true 左右箭頭是否顯示
   dots: true,
-  prevArrow: '<button type="button" class="slick-prev""><div class="slick-arrow-slider d-flex justify-content-center align-items-center" style="width:50px; height:50px;"><img class="arrow-img" style="width: 15px; transform: rotate(180deg);" src="./img/sec04/arrow-left.png" alt=""><div></button>',
+  prevArrow: '<button type="button" class="slick-prev""><div class="slick-arrow-slider d-flex justify-content-center align-items-center" style="width:50px; height:50px;"><img class="arrow-img" style="width: 15px;" src="./img/sec04/arrow-left.png" alt=""><div></button>',
   nextArrow: '<button type="button" class="slick-next"><div class="slick-arrow-slider d-flex justify-content-center align-items-center" style="width:50px; height:50px;"><img class="arrow-img" style="width: 15px;" src="./img/sec04/arrow.png" alt=""><div></button>',
 
 });

style.css

@@ -2693,6 +2693,11 @@ body {
   }
 }
 
+.slick-prev img {
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
+}
+
 .slick-next {
   right: 3px;
 }

style.scss

@@ -1941,6 +1941,12 @@ body {
     }
 }
 
+.slick-prev{
+    img{
+        transform: rotate(180deg);
+    }
+}
+
 .slick-next{
 right:3px;
 }