div.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: auto;
  left: auto;
}

.swiper-pagination-horizontal.swiper-pagination-bullets button.swiper-pagination-bullet {
  margin: 0;
  border-radius: 0;
  width: auto;
  background: none;
  position: relative;
  height: 64px;
  overflow: hidden;
  opacity: 1;
}

.swiper-pagination-horizontal.swiper-pagination-bullets button.swiper-pagination-bullet:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: solid 4px transparent;
  -o-border-image: linear-gradient(84.36deg, #ED8AE4 5.36%, #0D96EE 94.85%);
     border-image: linear-gradient(84.36deg, #ED8AE4 5.36%, #0D96EE 94.85%);
  border-image-slice: 1;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.swiper-pagination-horizontal.swiper-pagination-bullets button.swiper-pagination-bullet-active:after {
  opacity: 1;
}

.swiper {
  height: 456px;
}