.cursor {
  position: fixed;
  line-height: 0;
  z-index: 99999999999;
  pointer-events: none;
  border: 2px solid #fff;
  border-radius: 50%;
  margin: -1.71875vw 0 0 -1.71875vw;
  display: inline-block;
  width: 3.4375vw;
  height: 3.4375vw;
  background: transparent;
  mix-blend-mode: difference;
  transition: background 0.3s ease, transform 0.5s ease, width 0.3s ease, height 0.3s ease, margin 0.3s ease;
}
.cursor.hover {
  background: #fff;
  transform: scale(0.5);
}
.cursor:after,
.cursor:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #fff url(../img/play.svg) no-repeat center / 3.64583333vw auto;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  border-radius: 50%;
  transition: all 0.3s ease;
}
.cursor:after {
  background-image: url(../img/arrow.svg);
  background-size: 2.44791667vw auto;
}
.cursor.play {
  border: none;
  width: 10.41666667vw;
  height: 10.41666667vw;
  margin: -5.20833333vw 0 0 -5.20833333vw;
  mix-blend-mode: normal;
  transition: background 0.3s ease, width 0.3s ease, height 0.3s ease, margin 0.3s ease;
}
.cursor.play:before {
  opacity: 1;
}
.cursor.next,
.cursor.prev {
  border: none;
  width: 5.72916667vw;
  height: 5.72916667vw;
  margin: -2.86458333vw 0 0 -2.86458333vw;
  mix-blend-mode: normal;
  transition: background 0.3s ease, width 0.3s ease, height 0.3s ease, margin 0.3s ease;
}
.cursor.next:after,
.cursor.prev:after {
  opacity: 1;
}
.cursor.prev {
  transform: rotate(180deg);
}
/*# sourceMappingURL=cursor.css.map */