.wp-block-avenir-accordion .c-avenir-accordion {
  --accordion-border-color: #9bc7af;
  --accordion-heading-color: #402067;
  --accordion-icon-color: #402067;
  --accordion-max-width: 900px;
  width: 100%;
  max-width: var(--accordion-max-width);
  margin-right: auto;
}

.wp-block-avenir-accordion .c-avenir-accordion__item {
  padding: 20px 0;
  border-top: 1px solid var(--accordion-border-color);
  position: relative;
}

.wp-block-avenir-accordion .c-avenir-accordion__checkbox {
  display: none;
}

.wp-block-avenir-accordion .c-avenir-accordion__toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  cursor: pointer;
  user-select: none;
}

.wp-block-avenir-accordion .c-avenir-accordion__heading {
  color: var(--accordion-heading-color);
  margin-bottom: 0;
}

.wp-block-avenir-accordion .c-avenir-accordion__indicator {
  display: flex;
  align-items: center;
  color: var(--accordion-icon-color);
  flex-shrink: 0;
}

.wp-block-avenir-accordion .c-avenir-accordion__indicator svg {
  transition: transform 0.3s;
}

.wp-block-avenir-accordion .c-avenir-accordion__content {
  padding-top: 20px;
}

.wp-block-avenir-accordion .c-avenir-accordion__content p:last-child {
  margin-bottom: 0;
}

.wp-block-avenir-accordion .c-avenir-accordion__checkbox ~ .c-avenir-accordion__content {
  display: none;
}

.wp-block-avenir-accordion .c-avenir-accordion__checkbox:checked ~ .c-avenir-accordion__content {
  display: block;
}

.wp-block-avenir-accordion .c-avenir-accordion__checkbox:checked + .c-avenir-accordion__toggle .c-avenir-accordion__indicator svg {
  transform: rotate(45deg);
}