@import "../../../sass/webpack_deps";

.owl-next,
.owl-prev {
  @include slider-button;

  @media (min-width: $min-480) {
    height: 5rem;
    width: 5rem;
  }

  @media (min-width: $min-840) {
    height: 4rem;
    transform: translateY(-50%);
    width: 4rem;
  }
}

.owl-next {
  right: .5rem;

  @media (min-width: $min-480) {
    right: -1rem;
  }

  @media (min-width: $min-840) {
    right: -.5rem;
  }
}

.owl-prev {
  left: .5rem;

  @media (min-width: $min-480) {
    left: -1rem;
  }

  @media (min-width: $min-840) {
    left: -.5rem;
  }
}

.owl-next-icon,
.owl-prev-icon {
  @include slider-button-icon;
}

.owl-next-icon {
  @include slider-button-icon-next;
}

.owl-prev-icon {
  @include slider-button-icon-prev;
}