expandable-text {
  display: block;
}

.expandable-text__content {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--expandable-text-lines, 6);
  line-clamp: var(--expandable-text-lines, 6);
}

expandable-text.is-expanded .expandable-text__content {
  display: block;
}

.expandable-text__toggle {
  display: block;
  margin-top: 24px;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  text-decoration: underline;
}