<div
  id="fab-dismiss"
  *ngIf="fabTogglerState === 'active'"
  (click)="onToggleFab()"
></div>
<div class="fab-container btn-main-float">
  <button mat-fab class="fab-toggler bg-accent-dark" (click)="onToggleFab()">
    <mat-icon [@fabToggler]="fabTogglerState">add</mat-icon>
  </button>
  <div [@speedDialStagger]="buttons.length">
    <button
      *ngFor="let btn of buttons"
      mat-mini-fab
      [matTooltip]="btn.tooltip"
      matTooltipPosition="before"
      class="fab-secondary"
      color="secondary"
      (click)="onClickButton(btn)"
    >
      <mat-icon>{{ btn.icon }}</mat-icon>
    </button>
  </div>
</div>
