@mixin link-list-background-mapping {

  .toggle-arrow.icon {
    color: $color-brand--one;
  }

  .bg-brand--dark-grey,
  .bg-brand--gradient-orange,
  .bg-brand--gradient-blue,
  .bg-brand--gradient-purple {
    .link-list__link,
    .toggle-arrow.icon {
      color: $color-brand--white;
    }
  }

  .bg-brand--gradient-orange,
  .bg-brand--gradient-blue,
  .bg-brand--dark-grey,
  .bg-brand--gradient-purple {
    .link-list__item,
    .toggle-arrow.icon {
      border-color: $color-alpha--four-50;
    }
  }

}
