.accordion-panel[hidden] {
  display: none;
}

.accordion-panel {
  height: auto;
}

.accordion-trigger > span:last-child {
  display: inline-grid;
  width: 1.5rem;
  height: 1.5rem;
  place-items: center;
  transform-origin: center;
  transition: transform 180ms ease;
}

.accordion-trigger[aria-expanded="true"] > span:last-child {
  transform: rotate(45deg);
}

@media (prefers-reduced-motion: reduce) {
  .accordion-trigger > span:last-child {
    transition: none;
  }
}