Reduce padding within notices for smaller screens in the Twenty Twenty One theme (#37862)

plugins/woocommerce/changelog/fix-36027

@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+For the Twenty Twenty One theme, reduce padding within notices on smaller screens

plugins/woocommerce/client/legacy/css/twenty-twenty-one.scss

@@ -3056,6 +3056,20 @@ a.reset_variations {
 	}
 }
 
+@media only screen and (max-width: 768px) {
+	.woocommerce-message,
+	.woocommerce-error li,
+	.woocommerce-info {
+		padding: 1rem 1.5rem;
+
+		a.button {
+			margin-left: 10px;
+			min-width: 100px;
+			padding: calc(0.70 * var(--button--padding-vertical)) calc(0.50 * var(--button--padding-horizontal));
+		}
+	}
+}
+
 .woocommerce-info {
 	border-top-color: var( --wc-blue );
 }