Changes the padding on Mobile for buttons

Codeinwp · Jul 20, 2023 · 943a52c · 943a52c
1 parent e66bdb4
commit 943a52c
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/assets/css/src/common/_generic.scss b/assets/css/src/common/_generic.scss
@@ -1,3 +1,5 @@
+@custom-media --mobile (max-width: 481px);
+
 * {
 	box-sizing: border-box;
 }
@@ -76,4 +78,15 @@ body .wp-block-button.is-style-outline > .wp-block-button__link,
 body .wp-block-button .wp-block-button__link.is-style-outline {
 	border: 2px solid;
 	padding: 16px 40px;
+
+	@media (--mobile) {
+		padding: 16px 20px;
+	}
+}
+
+body .wp-block-button .wp-block-button__link {
+
+	@media (--mobile) {
+		padding: 16px 20px;
+	}
 }