challenge-vtex-io-Adilson-Fernando-Neves-Ornellas/styles/sass/pages/product/vtex.slider-layout.scss

.sliderLayoutContainer--carousel {
  .sliderLeftArrow {
    visibility: hidden;
    &::after {
      visibility: visible;
      content: url("https://agenciamagma.vtexassets.com/arquivos/AdilsonFernandoNevesOrnellas-leftarrowslick.png");
    }
  }
  .sliderRightArrow{
    visibility: hidden;
    &::after{
      visibility: visible;
      content: url("https://agenciamagma.vtexassets.com/arquivos/AdilsonFernandoNevesOrnellas-rightarrowslick.png");
    }
  }
}

.sliderTrackContainer--carousel {
  background-color: $color-white;
  margin-left: 40px;
  margin-right: 40px;
  // margin-bottom: 105px;
  .sliderTrack--carousel {
    gap: 16px;
  }
  .slide--carousel {
    padding: 0px;
    width: 434.4px !important;
    height: 543.4px;
    @media (max-width: 1920px) {
      width: 314.4px !important;
      height: 448.4px;
    }
    @media (max-width: 500px) {
      width: 291.2px !important;
      height: 402.2px;
    }
  }
}
.paginationDotsContainer--carousel {
  .paginationDot--carousel {
    background-color: black;
  }
  .paginationDot--carousel--isActive {
    background-color: white;
    border: 0.5px solid #000000;
  }
}