fix(material-experimental/mdc-button): narrow down overly-broad selec…

…tor (#20969)

Fixes a selector that was targeting all icons on the page, rather than ones inside a button.

(cherry picked from commit 92bb1c8)

src/material-experimental/mdc-button/fab.scss

@@ -16,16 +16,17 @@
     background: transparent;
     opacity: 1;
   }
-}
 
-// MDC expects the fab icon to contain this HTML content:
-// ```html
-//   <span class="mdc-fab__icon material-icons">favorite</span>
-// ```
-// However, Angular Material expects a `mat-icon` instead. The following
-// will extend the `mdc-fab__icon` styling to the mat icon. Note that
-// the extended styles inherently only match icons that nest themselves in
-// a parent `mdc-fab`.
-.mat-icon {
-  @extend .mdc-fab__icon;
+  // MDC expects the fab icon to contain this HTML content:
+  // ```html
+  //   <span class="mdc-fab__icon material-icons">favorite</span>
+  // ```
+  // However, Angular Material expects a `mat-icon` instead. The following
+  // will extend the `mdc-fab__icon` styling to the mat icon. Note that
+  // the extended styles inherently only match icons that nest themselves in
+  // a parent `mdc-fab`.
+  .mat-icon {
+    @extend .mdc-fab__icon;
+  }
 }
+