From 5620b39b44f4a37a6b9b41daa3717b51c7c51ca8 Mon Sep 17 00:00:00 2001
From: Darin Kotter <darin.kotter@gmail.com>
Date: Wed, 19 Apr 2023 19:47:56 -0600
Subject: [PATCH] Make selector more specific to avoid use of important. Use
 existing variables for padding calculations

---
 plugins/woocommerce/client/legacy/css/twenty-twenty-one.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/plugins/woocommerce/client/legacy/css/twenty-twenty-one.scss b/plugins/woocommerce/client/legacy/css/twenty-twenty-one.scss
index 9a15b36cadb..5a48f5bb05f 100644
--- a/plugins/woocommerce/client/legacy/css/twenty-twenty-one.scss
+++ b/plugins/woocommerce/client/legacy/css/twenty-twenty-one.scss
@@ -3056,10 +3056,10 @@ a.reset_variations {
 	.woocommerce-info {
 		padding: 1rem 1.5rem;
 
-		.button {
+		a.button {
 			margin-left: 10px;
 			min-width: 100px;
-			padding: 10px 15px !important;
+			padding: calc(0.70 * var(--button--padding-vertical)) calc(0.50 * var(--button--padding-horizontal));
 		}
 	}
 }