.whippet-testimonial-carousel .nav-button {
  border: none;
  border-radius: 0;
  color: inherit;
  background: none;
}

.whippet-testimonial-carousel {
  display: grid;
  grid-template-columns: 32px 1fr 32px;
  gap: 12px;
  padding: 20px 16px;
}
.whippet-testimonial-carousel .nav-button {
  align-self: center;
  color: var(--e-global-color-accent, #FA6400);
  border-radius: 50%;
  padding: 4px;
}
.whippet-testimonial-carousel .nav-button svg {
  width: 100%;
  height: auto;
}
.whippet-testimonial-carousel .nav-button:hover, .whippet-testimonial-carousel .nav-button:focus {
  color: var(--e-global-color-cf09f49, #D55500);
}
.whippet-testimonial-carousel .nav-button:focus-visible {
  background-color: var(--e-global-color-aae4c6e, #FEEFE5);
}
.whippet-testimonial-carousel .nav-button:disabled {
  color: rgba(255, 255, 255, 0.2);
}
.whippet-testimonial-carousel .carousel {
  display: grid;
  grid-auto-flow: column;
  overflow: auto;
  overscroll-behavior-x: contain;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  width: 100%;
  padding: 0;
  scroll-padding: 0;
  grid-auto-columns: 100%;
  align-items: center;
}
.whippet-testimonial-carousel .carousel .testimonial {
  display: flex;
  flex-direction: column;
  gap: 10px;
  scroll-snap-align: center;
  scroll-snap-stop: always;
}
.whippet-testimonial-carousel .carousel .testimonial .stars {
  display: flex;
  gap: 6px;
  color: var(--e-global-color-accent, #FA6400);
}
.whippet-testimonial-carousel .carousel .testimonial .stars svg {
  width: 24px;
  height: auto;
}
.whippet-testimonial-carousel .carousel .testimonial blockquote {
  margin: 0;
  font-weight: 700;
}
.whippet-testimonial-carousel .carousel .testimonial figcaption {
  color: inherit;
}