adjustments

varia/sass/blocks/search/_style.scss

@@ -40,14 +40,16 @@
 	}
 	.wp-block-search__button {
 		@extend %button-style;
-		padding: #{map-deep-get($config-button, "padding", "vertical")} #{map-deep-get($config-button, "padding", "horizontal")} !important;
 		border: none;
 		box-shadow: none;
+		&.wp-block-search__button.wp-block-search__button { //editor specificity :S
+			padding: #{map-deep-get($config-button, "padding", "vertical")} #{map-deep-get($config-button, "padding", "horizontal")};
+		}
 		&.has-icon {
 			transform: scaleX(-1);	
 			padding: 0;		
-			min-width: calc(2* #{map-deep-get($config-button, "padding", "horizontal")} + 16px);
-			min-height: calc(2* #{map-deep-get($config-button, "padding", "horizontal")} + 16px);
+			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")});
 			svg {
 				fill: currentColor;
 				width: 29px;
@@ -55,11 +57,4 @@
 			}
 		}
 	}
-
-	::-webkit-input-placeholder,
-	:-moz-placeholder,
-	:-ms-input-placeholder {
-		color: #{map-deep-get($config-elements, "form", "color", "text")};
-	}
-
 }

varia/style-editor.css

@@ -993,16 +993,19 @@ p.has-background:not(.has-background-background-color) a {
 }
 
 .wp-block-search .wp-block-search__button {
-	padding: 16px 16px !important;
 	border: none;
 	box-shadow: none;
 }
 
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 16px;
+}
+
 .wp-block-search .wp-block-search__button.has-icon {
 	transform: scaleX(-1);
 	padding: 0;
-	min-width: calc(2* 16px + 16px);
-	min-height: calc(2* 16px + 16px);
+	min-width: calc(2* 16px + 1rem);
+	min-height: calc(2* 16px + 1rem);
 }
 
 .wp-block-search .wp-block-search__button.has-icon svg {
@@ -1011,12 +1014,6 @@ p.has-background:not(.has-background-background-color) a {
 	height: 29px;
 }
 
-.wp-block-search ::-webkit-input-placeholder,
-.wp-block-search :-moz-placeholder,
-.wp-block-search :-ms-input-placeholder {
-	color: black;
-}
-
 .wp-block-separator,
 hr {
 	border-bottom: 2px solid #DDDDDD;

varia/style-rtl.css

@@ -2309,16 +2309,19 @@ p.has-background {
 }
 
 .wp-block-search .wp-block-search__button {
-	padding: 16px 16px !important;
 	border: none;
 	box-shadow: none;
 }
 
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 16px;
+}
+
 .wp-block-search .wp-block-search__button.has-icon {
 	transform: scaleX(-1);
 	padding: 0;
-	min-width: calc(2* 16px + 16px);
-	min-height: calc(2* 16px + 16px);
+	min-width: calc(2* 16px + 1rem);
+	min-height: calc(2* 16px + 1rem);
 }
 
 .wp-block-search .wp-block-search__button.has-icon svg {
@@ -2327,12 +2330,6 @@ p.has-background {
 	height: 29px;
 }
 
-.wp-block-search ::-webkit-input-placeholder,
-.wp-block-search :-moz-placeholder,
-.wp-block-search :-ms-input-placeholder {
-	color: black;
-}
-
 hr {
 	border-bottom: 2px solid #DDDDDD;
 	clear: both;

varia/style.css

@@ -2309,16 +2309,19 @@ p.has-background {
 }
 
 .wp-block-search .wp-block-search__button {
-	padding: 16px 16px !important;
 	border: none;
 	box-shadow: none;
 }
 
+.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button {
+	padding: 16px 16px;
+}
+
 .wp-block-search .wp-block-search__button.has-icon {
 	transform: scaleX(-1);
 	padding: 0;
-	min-width: calc(2* 16px + 16px);
-	min-height: calc(2* 16px + 16px);
+	min-width: calc(2* 16px + 1rem);
+	min-height: calc(2* 16px + 1rem);
 }
 
 .wp-block-search .wp-block-search__button.has-icon svg {
@@ -2327,12 +2330,6 @@ p.has-background {
 	height: 29px;
 }
 
-.wp-block-search ::-webkit-input-placeholder,
-.wp-block-search :-moz-placeholder,
-.wp-block-search :-ms-input-placeholder {
-	color: black;
-}
-
 hr {
 	border-bottom: 2px solid #DDDDDD;
 	clear: both;