section.text .accordion > div {
  list-style: none;
}
section.text .accordion > div .title {
  font: var(--body-font);
  color: var(--highlight);
  cursor: pointer;
  -webkit-transition: color 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: color 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
section.text .accordion > div .title:hover {
  color: var(--text-primary);
}
section.text .accordion > div .title:hover [class*=icon]::after {
  background: var(--text-primary);
}
section.text .accordion > div .title [class*=icon] {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  width: 0.75rem;
  height: 0.375rem;
}
section.text .accordion > div .title [class*=icon]::after {
  -webkit-transition: background-color 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: background-color 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  background: var(--highlight);
}
section.text .accordion > div .title span:last-child::after {
  display: inline-block;
  content: "Expand text";
}
section.text .accordion > div.active .title [class*=icon] {
  scale: 1 -1;
}
section.text .accordion > div.active .title span:last-child::after {
  content: "Condense text";
}
section.text .accordion > div.active .content {
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  padding-block: 1.875rem 1.25rem;
}
section.text .accordion .content {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -ms-grid-rows: 0fr;
  grid-template-rows: 0fr;
}
section.text .accordion .wrapper {
  overflow: hidden;
  font: var(--body-font);
}