fix(material/button): fix ripple style for all types of buttons (#26970)

Author: isantone

src/material/button/_button-base.scss

@@ -30,6 +30,12 @@
     border-radius: inherit;
   }
 
+  // This style used to be applied by the MatRipple
+  // directive, which is no longer attached to this element.
+  .mat-mdc-button-ripple {
+    overflow: hidden;
+  }
+
   // We use ::before so that we can reuse some of MDC's theming.
   .mat-mdc-button-persistent-ripple::before {
     content: '';

src/material/button/button.scss

@@ -92,12 +92,6 @@
   }
 }
 
-// This style used to be applied by the MatRipple
-// directive, which is no longer attached to this element.
-.mat-mdc-button-ripple {
-  overflow: hidden;
-}
-
 // Since the stroked button has has an actual border that reduces the available space for
 // child elements such as the ripple container or focus overlay, an inherited border radius
 // for the absolute-positioned child elements does not work properly. This is because the

src/material/button/icon-button.scss

@@ -55,12 +55,6 @@
   @include button-base.mat-private-button-touch-target(true);
   @include private.private-animation-noop();
 
-  // This style used to be applied by the MatRipple
-  // directive, which is no longer attached to this element.
-  .mat-mdc-button-ripple {
-    overflow: hidden;
-  }
-
   .mat-mdc-button-persistent-ripple {
     border-radius: 50%;
   }