@mixin language-dropdown-background-mapping {
  // viewport s - m
  @include viewport--l('inversed') {
    .icon--language svg {
      .bg-brand--dark-blue &,
      .bg-brand--blue & {
        color: $color-alpha--four-50;
      }

      .bg-brand--yellow &,
      .bg-brand--off-white &,
      .bg-brand--white &,
      .bg-brand--turquoise &,
      .bg-brand--red & {
        color: $color-alpha--two-30;
      }
    }
  }
}
