.review-clamp {
  cursor: pointer;
}

.review-clamp p:first-child {
  margin-top: 0;
}

/* geclampt, ook vóórdat het script de wrapper heeft aangemaakt (geen flits) */
.review-clamp:not([data-clamp-ready]),
.review-clamp__text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  line-height: 1.5;
}

.review-clamp.is-open .review-clamp__text {
  display: block;
  -webkit-line-clamp: unset;
}

/* het label staat op de buitenste div, dus buiten de clamp */
.review-clamp.is-overflowing::after {
  content: "Lees meer";
  display: block;
  margin-top: 0.5rem;
  font-weight: 600;
  text-align: right;
  font-size: 1rem;
}

.review-clamp.is-overflowing[aria-expanded="true"]::after {
  content: "Lees minder";
}

.review-clamp.is-overflowing:hover::after {
  text-decoration: underline;
}

.review-clamp:focus-visible {
  outline: 2px solid #0a58ca;
  outline-offset: 4px;
}