.accordion {
  display: grid;
}

.accordion-toggle-all {
  margin-inline-start: auto;
  color: var(--color-accent);
  background-color: var(--color-white);
}

.accordion-pane__title button {
  color: var(--color-accent);
  border: none;
  background-color: var(--color-white);
  border-block: 1px solid var(--color-grey-light);
}

.accordion-pane__title button:hover {
  background-color: var(--color-grey-lightest);
}

.accordion-pane__title button[aria-expanded="true"] {
  background-color: var(--color-accent-open);
}

.accordion-pane__title button[aria-expanded="true"]:hover,
.accordion-pane__title button[aria-expanded="true"]:focus,
.accordion-pane__title button[aria-expanded="true"]:focus-within {
  background-color: var(--color-accent-open-hover);
}

.accordion-pane__title button[aria-expanded="true"] .lgd-icon {
  transform: rotate(180deg);
}

.accordion-pane__content {
  padding-inline: var(--spacing);
}

.accordion-pane__title button > .accordion-icon::after {
  display: none;
}
