From 943a52ca53743cc15be90e8bd38b0187c64555b9 Mon Sep 17 00:00:00 2001
From: mghenciu <52494172+mghenciu@users.noreply.github.com>
Date: Thu, 20 Jul 2023 12:11:49 +0300
Subject: [PATCH] Changes the padding on Mobile for buttons

---
 assets/css/src/common/_generic.scss | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/assets/css/src/common/_generic.scss b/assets/css/src/common/_generic.scss
index 4125bc3..56e2bdd 100644
--- 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;
+	}
 }