.buttLeft,
.buttRight {
  position: absolute;
  left: 2rem;
  bottom: 5rem;
  width: 4rem;
  height: 4rem;
  border-radius: 100px;
  background: var(--background-card-slider-button, #FFE871);
  color: var(--card-color-slider-button, #000);
  border: 1px solid #FFE871;

  @include min(tablet) {
    @include flex-direction(column);
    @include flex-align(center, center);
    bottom: 4rem;
    left: calc( (100% - var(--main-container-max)) / 2 + 1.5);
  }

}

.buttRight {
  left: 7rem;
  @include min(tablet) {
    left: 7.5rem;
  }
  @include min(desktop) {
    left: calc( (100% - var(--main-container-max)) / 2 + 7rem);
  }
}

.disabled {
  background: var(--disabled-background-card-slider-button, #1c1a28);
  color: var(--disabled-color-card-slider-button, #FFE871);
}

.nointroButtLeft {
  left: 1%;
  bottom: 4rem;

  @include min(desktop) {
    left: 15%;
  }
}

.nointroButtRight {
  left: calc(1% + 4.5rem);
  bottom: 4rem;

  @include min(desktop) {
    left: calc(15% + 4.5rem);
  }
}
