@mixin overlays-modal-background-mapping {

  // close button
  .bg-brand--light-grey .modal__close svg {
    color: $color-brand--one;
  }

  .bg-brand--dark-grey,
  .bg-brand--gradient-blue {
    .modal__close svg {
      color: $color-alpha--four-50;
    }
  }

  .modal-media .modal__close svg {
    fill: $color-brand--four;
}
}