.testimonial-v5__carousel {
  padding-top: 1rem;
  position: relative;
}
.testimonial-v5__carousel xo-carousel-prev {
  position: absolute;
  top: 45%;
  left: -2rem;
  z-index: 10;
}
.testimonial-v5__carousel xo-carousel-next {
  position: absolute;
  top: 45%;
  right: 2rem;
  z-index: 10;
}

.xo-container-width {
  padding: 0 1.5rem;
}
@media (min-width: 1400px) {
  .xo-container-width {
    max-width: unset;
    padding: 0 14rem;
  }
}

.testimonial-v5__carousel-list {
  padding-bottom: 1rem;
}

.testimonial-v5__arrow-btn {
  position: absolute;
  z-index: 9999;
  width: 4rem;
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  border: 0.1rem solid rgba(var(--color-foreground), 0.2);
  background-color: #fff;
  overflow: hidden;
}

.testimonial-v5__icon-before {
  position: absolute;
  display: flex;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s;
  opacity: 1;
}
.testimonial-v5__icon-before svg {
  height: 1.5rem;
}

.testimonial-v5__icon-after {
  position: absolute;
  display: flex;
  top: 50%;
  left: 50%;
  transition: 0.3s;
  opacity: 0;
}
.testimonial-v5__icon-after svg {
  height: 1.5rem;
}

xo-carousel-prev .testimonial-v5__icon-after {
  transform: translate(6rem, -50%);
}

xo-carousel-next .testimonial-v5__icon-after {
  transform: translate(-6rem, -50%);
}

xo-carousel-prev .testimonial-v5__arrow-btn:hover .testimonial-v5__icon-before {
  transform: translate(-6rem, -50%);
}

xo-carousel-next .testimonial-v5__arrow-btn:hover .testimonial-v5__icon-before {
  transform: translate(6rem, -50%);
}

.testimonial-v5__arrow-btn:hover .testimonial-v5__icon-after {
  transform: translate(-50%, -50%);
  opacity: 1;
}