@mixin overlays-popup-background-mapping {
  // popup + corner
  &:not([class*='bg-brand--']),
  &.bg-brand--white,
  &.bg-brand--off-white {
    border-color: $color--grey;
  }

  &:not([class*='bg-brand--']) {
    .modal__title,
    .modal__close {
      color: $color-brand--one;
    }
  }
}
