.offer-slider {
  overflow: hidden;
}
.offer-slider__wrapper {
  max-width: 1120px;
  margin: 0 auto;
  overflow: visible;
  padding: 0 1rem;
  position: relative;
}
.offer-slider .tns-ovh {
  overflow: visible;
}
.offer-slider .tns-controls button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  background-color: var(--brand-primary-color);
  overflow: hidden;
  text-indent: -500px;
  background-image: url('../../images/arrow-medium--white.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 28px 20px;
  width: 50px;
  height: 50px;
  border-radius: 2px;
  transition: all ease 150ms;
}

.offer-slider .tns-controls button:hover {
  background-color: #da7161;
}
.offer-slider .tns-controls button[data-controls="prev"] {
  left: 8px;
  transform: scaleX(-1) translateY(-50%);
}
.offer-slider .tns-controls button[data-controls="next"] {
  right: 8px;
}
@media all and (min-width: 1150px){
  .offer-slider__wrapper {
    padding: 0;
  }
  .offer-slider .tns-controls button[data-controls="prev"] {
    left: 0px;
  }
  .offer-slider .tns-controls button[data-controls="next"] {
    right: 0px;
  }
}
@media all and (min-width: 1400px){
  .offer-slider .tns-controls button[data-controls="prev"] {
    left: -70px;
  }
  .offer-slider .tns-controls button[data-controls="next"] {
    right: -70px;
  }
}