.q__body {
  max-height: 0vh;
  transition-delay: 0.35s;
}

.q__b__text {
  opacity: 0;

  transition: opacity 0.2s ease-in-out;
}

.question[data-open='true'] .q__icon {
  transform: rotate(180deg);
}

.question[data-open='true'] .q__body {
  max-height: 100vh;
  transition-delay: 0;
}

.question[data-open='true'] .q__b__text {
  opacity: 1;
  transition-delay: 0.75s;
}