.carousel-multiple-articles .flickity-button.previous {
  background-image: url('../svg/chevron-left.svg')!important;
}

.carousel-multiple-articles .flickity-button.next {
  background-image: url('../svg/chevron-right.svg')!important;
}

.carousel-multiple-articles .flickity-button  {
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat!important;
  background-position: center!important;
  background-size: 50%!important;
  cursor: pointer;
}

.carousel-multiple-articles .flickity-button.next {
  right: 0!important;
}

.carousel-multiple-articles .flickity-button.previous {
  right: 2.5rem!important;
}

@media screen and (min-width: 576px) {
  .carousel-multiple-articles .flickity-button.next {
    right: -3rem!important;
  }
  .carousel-multiple-articles .flickity-button.previous {
    left: -3rem!important;
    right: auto!important;
  }
}

@media screen and (min-width: 768px) {
  .carousel-multiple-articles .flickity-button.next {
    right: 0!important;
  }
  .carousel-multiple-articles .flickity-button.previous {
    left: auto!important;
    right: 2.5rem!important;
  }
}
@media screen and (min-width: 992px) {
  .carousel-multiple-articles .flickity-button.next {
    right: -3rem!important;
  }
  .carousel-multiple-articles .flickity-button.previous {
    left: -3rem!important;
    right: auto!important;
  }
}

.carousel-multiple-articles .flickity-button.next {
  margin-right: .75rem;
}
.carousel-multiple-articles .flickity-button.previous {
  margin-left: .75rem;
}

.carousel-multiple-articles .flickity-button {
  z-index: 1000;
  position: absolute;
  bottom: -4rem;
}

@media screen and (min-width: 576px) {
  .carousel-multiple-articles .flickity-button {
    top: calc(50% - 2rem);
    bottom: auto;
  }
}

@media screen and (min-width: 768px) {
  .carousel-multiple-articles .flickity-button {
    top: auto;
    bottom: -4rem;
  }
}

@media screen and (min-width: 992px) {
  .carousel-multiple-articles .flickity-button {
    top: calc(50% - 2rem);
    bottom: auto;
  }
}