feat: adiciona css no slider layout mobile

styles/css/vtex.breadcrumb.css

@@ -11,12 +11,14 @@
   padding: 16px 40px;
   margin: 0 auto;
   max-width: 96rem;
-  display: flex;
   align-items: center;
 }
 .container .homeLink .homeIcon {
   display: none;
 }
+.container :global(.vtex-breadcrumb-1-x-link) {
+  font-size: 14px;
+}
 .container .homeLink::before {
   content: "Home";
   font-size: 16px;
@@ -35,7 +37,7 @@
 }
 .container .arrow--1 .link::before {
   content: "Sapatos";
-  font-size: 16px;
+  font-size: 14px;
   color: #929292;
 }
 .container .arrow--1 .link:hover::before {

styles/css/vtex.slider-layout.css

@@ -20,11 +20,21 @@
   margin: 0;
   padding: 0;
 }
+@media (max-width: 320px) {
+  .sliderLayoutContainer .sliderLeftArrow {
+    left: 10px;
+  }
+}
 .sliderLayoutContainer .sliderRightArrow {
   right: 36px;
   margin: 0;
   padding: 0;
 }
+@media (max-width: 320px) {
+  .sliderLayoutContainer .sliderRightArrow {
+    right: 10px;
+  }
+}
 .sliderLayoutContainer .sliderTrackContainer {
   margin: 0 auto;
   width: 94%;

styles/sass/pages/product/vtex.breadcrumb.scss

@@ -2,13 +2,15 @@
   padding: 16px 40px;
   margin: 0 auto;
   max-width: 96rem;
-  display: flex;
   align-items: center;
   .homeLink {
     .homeIcon {
       display: none;
     }
   }
+:global(.vtex-breadcrumb-1-x-link){
+  font-size: 14px;
+}
   .homeLink::before {
     content: 'Home';
     font-size: 16px;
@@ -29,8 +31,9 @@
     }
     .link::before {
       content: 'Sapatos';
-      font-size: 16px;
+      font-size: 14px;
       color: #929292;
+
     }
     .link:hover::before {
       color: #0f3e99;

styles/sass/pages/product/vtex.slider-layout.scss

@@ -10,12 +10,18 @@
     left: 36px;
     margin: 0;
     padding: 0;
+    @media (max-width: 320px){
+      left: 10px;
+    }
   }
 
   .sliderRightArrow {
     right: 36px;
     margin: 0;
     padding: 0;
+    @media (max-width: 320px){
+      right: 10px;
+    }
   }
 
   .sliderTrackContainer {