.accordion {
  .accordion__list {
    margin-top: 32px;
  }

  .accordion__item {
    background: white;
    border-radius: 30px;
    margin-top: 16px;
    padding: 8px 8px 8px 24px;
  }

  .accordion__heading {
    margin: 0;
  }

  .br-toggle {
    &:not(.br-toggle--active) {
      .br-toggle__content {
        opacity: 1;
        padding: 19.2px 52px 19.2px 0;
      }
    }
  }

  .br-toggle__button {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    gap: 16px;
    justify-content: space-between;
    text-align: left;
    width: 100%;

    &[aria-expanded='true'] {
      color: var(--secondary-purple);
    }
  }

  .br-toggle__text {
    transition: all var(--transition-time) ease;
  }

  .br-toggle__panel {
    &[aria-hidden='false'] {
      .br-toggle__content {
        opacity: 1;
        padding: 19.2px 52px 19.2px 0;
        transition-delay: var(--transition-time);
      }
    }
  }

  .br-toggle__content {
    opacity: 0;
    padding: 0 52px 0 0;
    transition: all var(--transition-time) ease;

    .btn {
      margin: calc(5 / 16 * 1rem);
    }
  }

  @container (width >= calc(960 / 16 * 1rem)) {
    .accordion__item {
      padding: 8px 8px 8px 24px;
    }
  }

  @container (width >= calc(1152px / 16 * 1rem)) {
    .accordion__copy,
    .br-toggle__content {
      max-width: 66.6666%;
    }
  }

  @media print {
    .br-toggle__content {
      opacity: 1;
    }
  }
}