@mixin footer-background-mapping {
  // accessibility settings
  .bg-brand--dark-blue .footer__grid li a {
    color: $color-alpha--four-50;
  }

  .bg-brand--dark-blue .footer__grid svg {
    color: $color--white;
  }

  // divider
  .footer.bg-brand--dark-blue .divider {
    border-color: $color--two-80;
  }

  //social list
  .footer.bg-brand--white .social__list svg:hover {
    fill: $color-brand--two;
  }
}
