.buttLeft,
.buttRight {
  position: absolute;
  right: 1rem;
  width: 4rem;
  height: 4rem;
  border-radius: 100px;
  background: var(--background-card-slider-button, #262629);
  color: var(--card-color-slider-button, #fff);
  display: none;

  @include min(tablet) {
    @include flex-direction(column);
    @include flex-align(center, center);

    bottom: 1.6rem;
    left: 5.6rem;
  }

  @include min(desktop) {
    left: 9.6rem;
  }
}

.buttRight {
  left: 12.4rem;

  @include min(tablet) {
    left: 10rem;
  }

  @include min(desktop) {
    left: 14rem;
  }
}

.disabled {
  background: var(--disabled-background-card-slider-button, #dedede);
  color: var(--disabled-color-card-slider-button, #262629);
}

.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);
  }
}


