@mixin toggable-group-background-mapping {
  .toggable-group__item--active {
    @include bg-variants() {
      color: variant-property('iconInteractivePrimaryHover');
      &:hover {
        color: variant-property('iconInteractivePrimaryHover');
      }

      .icon svg {
        fill: variant-property('iconInteractivePrimaryHover');
        &:hover {
          color: variant-property('iconInteractivePrimaryHover');
        }
      }
    }
  }
}