.flickity-viewport .carousel-cell:not(.is-selected) > *:not(button) {
  opacity: 0.3;
}
@media (min-width: 1024px) {
  .flickity-page-dots {
    display: none;
  }
}
button.flickity-prev-next-button {
  top: auto;
  bottom: 0;
  background: transparent;
  width: 200px;
}
@media (max-width: 968px) {
  button.flickity-prev-next-button {
    display: none;
  }
}
button.flickity-prev-next-button:hover {
  background: transparent;
}
button.flickity-prev-next-button > svg.flickity-button-icon {
  inset: 0;
  height: 200px;
  width: 200px;
}
button.flickity-prev-next-button.previous {
  left: 5%;
}
@media (min-width: 1280px) {
  button.flickity-prev-next-button.previous {
    left: -10%;
  }
}
@media (min-width: 1920px) {
  button.flickity-prev-next-button.previous {
    left: -5%;
  }
}
button.flickity-prev-next-button.next {
  right: 10%;
}
button.flickity-prev-next-button:hover {
  color: var(--azura-blue);
}
