@mixin tags-background-mapping {
  // light blue
  &.tag--remove.bg-brand--light-blue {
    background: $color--one-7;
    color: $color-brand--one;

    .tag__close:hover {
      background: $color-alpha--one-30;

      .icon svg {
        fill: $color-brand--one;
      }
    }

    .icon svg {
      fill: $color-brand--one;
    }
  }
}
