.embla {
  position: relative;
  overflow: hidden;
}
.embla__viewport {
  overflow: hidden;
}
.embla__container {
  display: flex;
}
.embla__slide {
  min-width: 100%;
  text-align: center;
}
.embla__prev, .embla__next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  color: white;
  border: none;
  padding: 10px;
  cursor: pointer;
  border-radius: 75%;
  width: 50px;
  height: 50px;
  font-size: 22px;
}
.embla__prev:hover, .embla__next:hover{
  color: #09f;
}

.embla__prev { left: 10px; }
.embla__next { right: 10px; }
.embla__dots {
  text-align: center;
  margin-top: 10px;
}
.embla__dot {
  background: #fff;
  border: 2px solid #fff;
  width: 15px;
  height: 15px;
  margin: 0 5px;
  border-radius: 50%;
  cursor: pointer;
}
.embla__dot.is-active {
  background: #09f;
}