fix(button): fix spinner margins

also update e2e tests spanshots

Author: OS-martacarlos

core/src/components/button/button.ionic.scss

@@ -268,7 +268,7 @@
 }
 
 :host(.button-small) ::slotted(ion-icon[slot="start"]),
-::slotted(ion-spinner[slot="start"]) {
+:host(.button-small) ::slotted(ion-spinner[slot="start"]) {
   @include globals.margin-horizontal(null, globals.$ion-space-200);
 }
 
@@ -277,13 +277,13 @@
   @include globals.margin-horizontal(null, globals.$ion-space-250);
 }
 
-:host(.button-large) ::slotted(ion-icon[slot="start"]),
-::slotted(ion-spinner[slot="start"]) {
+:host(.button-xlarge) ::slotted(ion-icon[slot="start"]),
+:host(.button-xlarge) ::slotted(ion-spinner[slot="start"]) {
   @include globals.margin-horizontal(null, globals.$ion-space-300);
 }
 
 :host(.button-small) ::slotted(ion-icon[slot="end"]),
-::slotted(ion-spinner[slot="end"]) {
+:host(.button-small) ::slotted(ion-spinner[slot="end"]) {
   @include globals.margin-horizontal(globals.$ion-space-200, null);
 }
 
@@ -292,7 +292,7 @@
   @include globals.margin-horizontal(globals.$ion-space-250, null);
 }
 
-:host(.button-large) ::slotted(ion-icon[slot="end"]),
-::slotted(ion-spinner[slot="end"]) {
+:host(.button-xlarge) ::slotted(ion-icon[slot="end"]),
+:host(.button-xlarge) ::slotted(ion-spinner[slot="end"]) {
   @include globals.margin-horizontal(globals.$ion-space-300, null);
 }

core/src/components/button/test/spinner/button.e2e.ts

@@ -1,7 +1,7 @@
 import { expect } from '@playwright/test';
 import { configs, test } from '@utils/test/playwright';
 
-configs({ modes: ['ios', 'md', 'ionic-md', 'ionic-ios'] }).forEach(({ config, screenshot, title }) => {
+configs({ modes: ['ionic-md', 'ionic-ios'] }).forEach(({ config, screenshot, title }) => {
   test.describe(title('button: spinner'), () => {
     test('should not have visual regressions', async ({ page }) => {
       await page.goto(`/src/components/button/test/spinner`, config);