.app-accordion__header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2em;
}

.app-accordion__header .icon-caret {
  width: 1em;
  transition: transform 0.3s;
}

details.app-accordion[open] .app-accordion__header .icon-caret {
  transform: rotate(180deg);
}

@media (prefers-reduced-motion) {
  .app-accordion__header .icon-caret {
    transition: none;
  }
}