.swiper-slider-button-prev,
.swiper-slider-button-next {
  position: absolute;
  top: 30%;
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  transition: .3s;
  border: 2px solid white;
  border-radius: 40px;
}

.swiper-slider-button-prev {
  left: -60px;
}

.swiper-slider-button-next {
  right: -60px;
}

.swiper-slider-button-prev:after,
.swiper-slider-button-next:after {
  content: "";
  display: block;
  position: relative;
  width: 14px;
  height: 14px; 
  border-top: solid 2px #fff;
  border-right: solid 2px #fff; 
  transform: rotate(225deg) translate(-15%, 15%);
  transition: .5s;
}

.swiper-slider-button-next:after {
  transform: rotate(45deg) translate(-15%, 15%);
}

.quiz .swiper-slider-button-prev,
.quiz .swiper-slider-button-next {
  display: none;
}

.swiper-slider-button-prev {
  left: 0px;
}

.swiper-slider-button-next {
  right: 0px;
}

.swiper-slider-button-prev:after,
.swiper-slider-button-next:after {
border-top: solid 2px #E6E6E6;
border-right: solid 2px #E6E6E6; 
}

.swiper-slider-button-prev,
.swiper-slider-button-next {
border: solid 2px #E6E6E6;
}


@media screen and (max-width: 768px) {
  .quiz .swiper-slider-button-prev,
  .quiz .swiper-slider-button-next {
    display: flex;
  }

  .swiper-slider-button-prev, .swiper-slider-button-next {
    position: fixed;
    top: 260px;
    margin: 0 3%;
    width: 20px;
    height: 20px;
  }

  .swiper-slider-button-prev:after,
  .swiper-slider-button-next:after {
  width: 7px;
  height: 7px; 
  }

  .swiper-slider-button-prev {
    left: 0px;
  }
  
  .swiper-slider-button-next {
    right: 0px;
  }

  .swiper-slider-button-prev:after,
  .swiper-slider-button-next:after {
    border-top: solid 2px #E6E6E6;
    border-right: solid 2px #E6E6E6; 
  }

  .swiper-slider-button-prev,
  .swiper-slider-button-next {
    border: solid 2px #E6E6E6;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    outline: none;
  }

  
}