@mixin overlays-modal-background-mapping {
  // sets button color and close button to blue

  &__dialog:not([class*='bg-brand--']) {
    background: $modal-background-color;

    .modal__close svg {
      color: $color-brand--one;
    }
  }

  &__dialog.bg-brand--off-white {
    .modal__close svg {
      color: $color-brand--one;
    }
  }
}
