fix(material-experimental/mdc-button): fix ripple size after MDC changes (#23266)

PiperOrigin-RevId: 387458042

Co-authored-by: Angular Material Team <[email protected]>

Author: mmalerba

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

@@ -4,10 +4,12 @@
 @use '../mdc-helpers/mdc-helpers';
 @use 'button-base';
 
-
 @include mdc-button.without-ripple($query: mdc-helpers.$mat-base-styles-query);
 
-.mat-mdc-button, .mat-mdc-unelevated-button, .mat-mdc-raised-button, .mat-mdc-outlined-button {
+.mat-mdc-button,
+.mat-mdc-unelevated-button,
+.mat-mdc-raised-button,
+.mat-mdc-outlined-button {
   @include button-base.mat-private-button-interactive();
   @include button-base.mat-private-button-disabled();
   @include button-base.mat-private-button-touch-target(false);
@@ -24,12 +26,14 @@
   .mat-icon {
     @include mdc-button.icon();
   }
- .mdc-button__label + .mat-icon {
-   @include mdc-button.icon-trailing();
- }
+  .mdc-button__label + .mat-icon {
+    @include mdc-button.icon-trailing();
+  }
 }
 
-.mat-mdc-unelevated-button, .mat-mdc-raised-button, .mat-mdc-outlined-button {
+.mat-mdc-unelevated-button,
+.mat-mdc-raised-button,
+.mat-mdc-outlined-button {
   // Icons inside contained buttons have different styles due to increased button padding
   .mat-icon {
     @include mdc-button.icon();
@@ -55,5 +59,5 @@
   left: $offset;
   bottom: $offset;
   right: $offset;
-  border: none;
+  border-width: $offset;
 }