Использовать элемент span внутри fa-слоев

Question

У меня есть кнопка, которую я хочу использовать fa-layers и span. Вот кнопка, которая работает (без слоев):

  <button mat-icon-button>
    <fa-icon [icon]="['fal', 'save']" size="lg"></fa-icon>
    <span class="fa-layers-counter" style="background:red;">!</span>
  </button>

, которая производит

Но я также хочу маленький X на левой стороне значок сохранения (согласно «Сохранить и закрыть»), но затем span не работает.

  <button mat-icon-button>
    <fa-layers>
      <fa-icon [icon]="['fal', 'save']" size="lg"></fa-icon>
      <fa-icon [icon]="['fal', 'times']" transform="left-8 up-4"></fa-icon>
      <span class="fa-layers-counter" style="background:red;">!</span>
    </fa-layers>
  </button>

, который выдает , но, как вы можете видеть, он отсутствует красный промежуток.

Я попытался обернуть div вокруг fa-layers и вытащить span, но затем у меня возникли проблемы с позиционированием.

Кто-нибудь знает, как я могу создать этот значок :