square icon buttons

alves/style-editor.css

@@ -948,7 +948,7 @@ p.has-background:not(.has-background-background-color) a {
 }
 
 .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
-	padding: 16px 48px;
+	padding: 16px 16px;
 }
 
 .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
@@ -990,8 +990,8 @@ p.has-background:not(.has-background-background-color) a {
 .wp-block-search .wp-block-search__button.has-icon {
 	transform: scaleX(-1);
 	padding: 0;
-	min-width: calc(2* 48px + 1.25rem);
-	min-height: calc(2* 48px + 1.25rem);
+	min-width: calc(2* 16px + 1.25rem);
+	min-height: calc(2* 16px + 1.25rem);
 }
 
 .wp-block-search .wp-block-search__button.has-icon svg {

alves/style-rtl.css

@@ -2245,7 +2245,7 @@ p.has-background {
 }
 
 .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
-	padding: 16px 48px;
+	padding: 16px 16px;
 }
 
 .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
@@ -2287,8 +2287,8 @@ p.has-background {
 .wp-block-search .wp-block-search__button.has-icon {
 	transform: scaleX(-1);
 	padding: 0;
-	min-width: calc(2* 48px + 1.25rem);
-	min-height: calc(2* 48px + 1.25rem);
+	min-width: calc(2* 16px + 1.25rem);
+	min-height: calc(2* 16px + 1.25rem);
 }
 
 .wp-block-search .wp-block-search__button.has-icon svg {

alves/style.css

@@ -2245,7 +2245,7 @@ p.has-background {
 }
 
 .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
-	padding: 16px 48px;
+	padding: 16px 16px;
 }
 
 .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon {
@@ -2287,8 +2287,8 @@ p.has-background {
 .wp-block-search .wp-block-search__button.has-icon {
 	transform: scaleX(-1);
 	padding: 0;
-	min-width: calc(2* 48px + 1.25rem);
-	min-height: calc(2* 48px + 1.25rem);
+	min-width: calc(2* 16px + 1.25rem);
+	min-height: calc(2* 16px + 1.25rem);
 }
 
 .wp-block-search .wp-block-search__button.has-icon svg {

varia/sass/blocks/search/_style.scss

@@ -10,7 +10,7 @@
 				padding: #{map-deep-get($config-elements, "form", "padding")};
 			}
 			.wp-block-search__button {
-				padding: #{map-deep-get($config-button, "padding", "vertical")} #{map-deep-get($config-button, "padding", "horizontal")};
+				padding: #{map-deep-get($config-button, "padding", "vertical")} #{map-deep-get($config-button, "padding", "vertical")};
 				&.has-icon {
 					padding: 0;
 				}
@@ -48,8 +48,8 @@
 		&.has-icon {
 			transform: scaleX(-1);	
 			padding: 0;		
-			min-width: calc(2* #{map-deep-get($config-button, "padding", "horizontal")} + #{map-deep-get($config-global, "font", "size", "base")});
-			min-height: calc(2* #{map-deep-get($config-button, "padding", "horizontal")} + #{map-deep-get($config-global, "font", "size", "base")});
+			min-width: calc(2* #{map-deep-get($config-button, "padding", "vertical")} + #{map-deep-get($config-global, "font", "size", "base")});
+			min-height: calc(2* #{map-deep-get($config-button, "padding", "vertical")} + #{map-deep-get($config-global, "font", "size", "base")});
 			svg {
 				fill: currentColor;
 				width: 29px;