.toggle__button[aria-expanded] svg {
  transition: transform var(--transition-duration--base) var(--transition-timing--base);
}

.toggle__button[aria-expanded="true"] svg {
  transform: rotate(180deg);
}

.toggle__content {
  display: grid;
  grid-template-rows: 1fr;

  @media screen and (prefers-reduced-motion: no-preference) {
    transition:
      grid-template-rows var(--transition-duration--base) var(--transition-timing--base),
      display var(--transition-duration--base) var(--transition-timing--base) allow-discrete;
  }

  @starting-style {
    grid-template-rows: 0fr;
  }
}

.toggle__content--hidden {
  display: none;
  grid-template-rows: 0fr;
}

.toggle__content>* {
  overflow: hidden;
}