@mixin poll-background-mapping {
  &__option {
    .bg-brand--turquoise &,
    .bg-brand--yellow & {
      border-color: $color-brand--two;
    }

    .bg-brand--off-white & {
      border-color: $color-brand--two;
      color: $color-brand--two;
    }

    .bg-brand--red & {
      border-color: $color--two-180;
      color: $color--two-180;
    }
  }

  &__option--selected {
    .bg-brand--blue & {
      color: $color-brand--one;
    }

    .bg-brand--dark-blue & {
      color: $color-brand--two;
    }

    .bg-brand--turquoise &,
    .bg-brand--yellow &,
    .bg-brand--off-white & {
      background: $color-brand--two;
      color: $color-brand--four;
    }

    .bg-brand--red & {
      background: $color--two-180;
      color: $color-brand--white;
    }
  }

  .modal__close svg {
    color: currentColor;
  }
}
