.sliderLayoutContainer--slide-shelf {
  padding: 0 19px;
  margin: 0 0 113px;

  @include mq(lg, max) {
    margin: 0 0 105px;
    padding: 0 17px;
  }

  @include mq(md, max) {
    margin: 0 0 65px;
    padding: 0 15px;
  }

  .slideChildrenContainer {
    margin: 0 8px;

    @include mq(lg, max) {
      margin: 0 6px;
    }

    @include mq(md, max) {
      margin: 0 4px;
    }
  }

  .caretIcon {
    display: none;
  }

  .sliderLeftArrow {
    padding: 0;
    margin: 0;
    left: 0;

    &::before {
      content: url(https://agenciamagma.vteximg.com.br/arquivos/arrow-left-filipequintanilha.svg);
    }
  }

  .sliderRightArrow {
    padding: 0;
    margin: 0;
    right: 0;

    &::after {
      content: url(https://agenciamagma.vteximg.com.br/arquivos/arrow-right-filipequintanilha.svg);
    }
  }

  .paginationDotsContainer {
    top: calc(100% + 32px);
    align-items: center;

    .paginationDot {
      margin: 0 6px;
      background-color: $color-black2;

      &--isActive {
        height: 17px !important;
        width: 17px !important;
        background-color: $color-white;
        border: 0.5px solid $color-black2;
      }
    }
  }
}