Add button Gutenberg-specific classes to style packs stylesheets.

radcliffe-2/assets/css/blocks.css

@@ -222,10 +222,8 @@ ul.wp-block-gallery li {
 }
 
 /* Buttons */
-.wp-block-button {
-}
-
 .wp-block-button .wp-block-button__link {
+	background: #222;
 	border-radius: 3px;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
 	font-size: 1.4rem;
@@ -248,6 +246,11 @@ ul.wp-block-gallery li {
 	text-decoration: none;
 }
 
+.wp-block-button__link:not(.has-background):hover,
+.wp-block-button__link:not(.has-background):focus {
+	background: #ca2017;
+}
+
 .wp-block-button.alignwide,
 .wp-block-button.alignfull,
 .wp-block-button.aligncenter {

radcliffe-2/styles/colorful.css

@@ -30,6 +30,7 @@ button,
 input[type="button"],
 input[type="reset"],
 input[type="submit"],
+.wp-block-button .wp-block-button__link,
 #infinite-handle span {
 	font-family: Inconsolata, monospace;
 }
@@ -143,16 +144,19 @@ button:hover,
 input[type="button"]:hover,
 input[type="reset"]:hover,
 input[type="submit"]:hover,
+.wp-block-button .wp-block-button__link:hover,
 button:focus,
 .button:focus,
 input[type="button"]:focus,
 input[type="reset"]:focus,
 input[type="submit"]:focus,
+.wp-block-button .wp-block-button__link:focus,
 button:active,
 .button:active,
 input[type="button"]:active,
 input[type="reset"]:active,
 input[type="submit"]:active,
+.wp-block-button .wp-block-button__link:active,
 .bypostauthor .by-post-author {
 	background-color: #d97059;
 }

radcliffe-2/styles/modern.css

@@ -93,19 +93,23 @@ button:hover,
 input[type="button"]:hover,
 input[type="reset"]:hover,
 input[type="submit"]:hover,
+.wp-block-button .wp-block-button__link:hover,
 button:focus,
 .button:focus,
 input[type="button"]:focus,
 input[type="reset"]:focus,
 input[type="submit"]:focus,
+.wp-block-button .wp-block-button__link:focus,
 button:active,
 .button:active,
 input[type="button"]:active,
 input[type="reset"]:active,
 input[type="submit"]:active,
+.wp-block-button .wp-block-button__link:active,
 .bypostauthor .by-post-author,
 #infinite-handle span:hover {
 	background-color: #aaa;
+
 }
 
 .hero-area {
@@ -175,6 +179,7 @@ button,
 input[type="button"],
 input[type="reset"],
 input[type="submit"],
+.wp-block-button .wp-block-button__link,
 #infinite-handle span {
 	font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, arial, sans-serif;
 }

radcliffe-2/styles/vintage.css

@@ -21,7 +21,9 @@ button,
 .button,
 input[type="button"],
 input[type="reset"],
-input[type="submit"] {
+input[type="submit"],
+.wp-block-button .wp-block-button__link,
+.wp-block-button a:not([style]) {
 	border-radius: 0;
 	border: 3px double #c7c4b4;
 }
@@ -36,6 +38,8 @@ input[type="reset"]:hover,
 input[type="reset"]:focus,
 input[type="submit"]:hover,
 input[type="submit"]:focus,
+.wp-block-button .wp-block-button__link:hover,
+.wp-block-button .wp-block-button__link:focus,
 #infinite-handle span:hover,
 .bypostauthor .by-post-author {
 	background-color: #2b6e9d;
@@ -267,6 +271,7 @@ button,
 input[type="button"],
 input[type="reset"],
 input[type="submit"],
+.wp-block-button .wp-block-button__link,
 #infinite-handle span {
 	font-family: 'Libre Baskerville', 'Helvetica Neue', Helvetica, arial, sans-serif;
 }