:host {
  button.mat-mdc-button,
  button.mat-mdc-fab-base {
    // align the content
    .button-text {
      display: flex;
      align-items: center;
    }

    // fixes visual glitch/issue with the mat-icon's presentation within the button
    mat-icon.mat-button-icon,
    mat-icon.mat-fab-icon {
      &.mat-icon.mat-ligature-font[fontIcon]::before {
        content: unset;
      }
    }
  }
}