make core buttons take the same styles as previous jetpack buttons

Author: CGastrell

projects/packages/forms/src/blocks/contact-form/editor.scss

@@ -61,6 +61,7 @@
 			margin-bottom: 0;
 			max-width: 100%;
 
+			&.wp-block-button,
 			&.wp-block-jetpack-button {
 				flex: 0 0 auto;
 				min-height: var(--jetpack--contact-form--input-height, auto);
@@ -87,6 +88,7 @@
 				box-sizing: border-box;
 			}
 
+			&.wp-block-button__width-25,
 			&.jetpack-field__width-25 {
 				flex: 1 1 calc(25% - calc(var(--wp--style--block-gap, 1.5rem) * 1));
 				max-width: 25%;
@@ -97,16 +99,30 @@
 				max-width: 33.33%;
 			}
 
+			&.wp-block-button__width-50,
 			&.jetpack-field__width-50 {
 				flex: 1 1 calc(50% - calc(var(--wp--style--block-gap, 1.5rem) * 1));
 				max-width: 50%;
 			}
 
+			&.wp-block-button__width-75,
 			&.jetpack-field__width-75 {
 				flex: 1 1 calc(75% - calc(var(--wp--style--block-gap, 1.5rem) * 1));
 				max-width: 75%;
 			}
 
+			&.wp-block-button__width-100 {
+				flex: 1 1 100%;
+				max-width: 100%;
+			}
+
+			&.wp-block-button.has-custom-width {
+
+				.wp-block-button__link {
+					width: 100%;
+				}
+			}
+
 			&.jetpack-field__width-auto {
 				flex: 1 1 0;
 			}

projects/packages/forms/src/contact-form/css/grunion.scss

@@ -430,6 +430,7 @@ that needs to mimic the input element styles */
 	}
 }
 
+.wp-block-jetpack-contact-form .wp-block-button__width-25,
 .wp-block-jetpack-contact-form .grunion-field-width-25-wrap {
 	flex: 1 1 calc(25% - calc(var(--wp--style--block-gap, 1.5rem) * 1));
 	max-width: 25%;
@@ -440,11 +441,13 @@ that needs to mimic the input element styles */
 	max-width: 33.33%;
 }
 
+.wp-block-jetpack-contact-form .wp-block-button__width-50,
 .wp-block-jetpack-contact-form .grunion-field-width-50-wrap {
 	flex: 1 1 calc(50% - calc(var(--wp--style--block-gap, 1.5rem) * 1));
 	max-width: 50%;
 }
 
+.wp-block-jetpack-contact-form .wp-block-button__width-75,
 .wp-block-jetpack-contact-form .grunion-field-width-75-wrap {
 	flex: 1 1 calc(75% - calc(var(--wp--style--block-gap, 1.5rem) * 1));
 	max-width: 75%;