@mixin toast-background-mapping {
  .toast {
    @include bg-variants(
      $isChained: true,
      $supportedBackgrounds: (
        'brand-secondary'
      )
    ) {
      background: variant-property('background');
      border: 1px solid variant-property('titlePrimary');
      color: variant-property('titlePrimary');

      .icon svg {
        fill: variant-property('navigationLinkIdle');

        &:hover {
          fill: variant-property('navigationLinkHover');
        }
      }

      .button {
        @include button-bg-map;
      }

      .button--filled {
        @include button-filled-bg-map;
      }
    }
  }
}
