@mixin collapsible-background-mapping {
  .toggle-arrow.icon {
    color: returnColorCSSVar('brand-primary');
  }
  .toggle-arrow.icon {
    @include bg-variants() {
      color: variant-property('iconInteractiveAlternative');
    }
  }

  .collapsible__button {
    &:before,
    &:after {
      @include bg-variants() {
        background: variant-property('iconInteractiveAlternative');
      }
    }
  }
}
