@mixin link-list-background-mapping {
  .toggle-arrow.icon {
    color: $color-brand--one;
  }

  .link-list__link {
    color: $color-brand--one;

    .filter & {
      color: $color-brand--two;
    }
  }

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

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