Club: fixing outline button styles (#6380)

* Club: fixing outline button styles

* lint

club/style.css

@@ -70,13 +70,23 @@ a {
 	.wp-elements-button,
 	.wp-block-read-more,
 ):where(:active) {
-	border-style: dotted;
+	border-style: dashed;
+}
+
+/* Overrides the Gutenberg styles for the outline button */
+.wp-block-button.is-style-outline>.wp-block-button__link {
+	padding-top: calc(0.05em + 2px);
+	padding-right: calc(1.333em + 2px);
+	padding-bottom: calc(0.05em + 2px);
+	padding-left: calc(1.333em + 2px);
+	border: 1.5px solid var(--wp--preset--color--foreground);
 }
 
 :is(
 	.is-style-outline .wp-block-button__link,
 	.is-style-outline .wp-element-button,
 	.wp-block-post-comments-form input[type=submit],
+	.wp-block-button.is-style-outline>.wp-block-button__link, /* < - Overrides the Gutenberg styles for the outline button */
 ):is(
 	:hover,
 	:focus