[data-component-id="avchildcare:accordion"] {
  width: 100%;

  details {
    border-top: 1px solid var(--color-teal-dark);
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 768px;
    margin: auto;

    & summary {
      color: var(--text-primary);
      font-weight: 700;
      width: 100%;
      display: flex;
      justify-content: space-between;
      padding: 20px 0;
      cursor: pointer;
    }

    & .accordion-body {
      color: var(--text-secondary);
      display: flex;
      flex-direction: column;
      gap: 24px;
      padding-bottom: 24px;
    }
  }

  details[open] {
    & summary svg {
      transform: rotate(180deg);
    }
  }

}