.accordion-input {
  display: none;
}

.accordion-label {
  display: flex;
  cursor: pointer;
}

.accordion-input + .accordion-label + .accordion-content {
  display: none;
}

.accordion-input:checked + .accordion-label + .accordion-content {
  display: flex;
}

.accordion-input:checked + .accordion-rotate {
  width: fit-content;
  transform: rotate(180deg);
}

.accordion-input:checked + .accordion-label > .accordion-rotate {
  width: fit-content;
  transform: rotate(180deg);
}