.review-viewport {
  overflow: hidden;
}

.review-grid {
  display: flex;
  gap: 14px;
  width: 100%;
  border: 0;
  background: transparent;
  transition: transform 620ms cubic-bezier(.2, .8, .2, 1);
  will-change: transform;
}

.review-card {
  flex: 0 0 calc((100% - 28px) / 3);
}

.review-card:nth-child(2),
.review-card:nth-child(2):hover {
  transform: none;
}

@media (max-width: 780px) {
  .review-card {
    flex-basis: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .review-grid {
    transition: none;
  }
}