@mixin share-price-background-mapping {
  .share-price {
    .bg-brand--blue &,
    .bg-brand--turquoise &,
    .bg-brand--yellow & {
      &__rate {
        color: $color-brand--two;
      }
      svg {
        fill: $color-brand--two;
      }
    }

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

      svg {
        fill: $color--two-180;
      }
    }
  }
}
