.paginationDotsContainer

{
  display: flex;
  justify-items: center;
  align-items: center;
}
  .paginationDot--carousel {
  background-color: black;

}

.paginationDot--carousel--isActive{
  background-color: white;
  border: 1px solid black;
  width: 17px !important;
  height: 17px !important;
}

.sliderLayoutContainer--carousel{
  margin-bottom: 64px;
  padding: 0 40px 0 40px;
  .sliderLeftArrow--carousel{
    visibility: hidden;
    &::before{
      visibility: visible;
      content: url("https://agenciamagma.vtexassets.com/arquivos/arroe-left-ueber.png");
      margin-left: 40px;
    }
  }

  .sliderRightArrow--carousel{
    visibility: hidden;
    &::after{
      visibility: visible;
      content: url("https://agenciamagma.vtexassets.com/arquivos/arroe-right-ueber.png");
      margin-right: 40px;
    }

}
}