Karuna: Update styles for buttons; see #434.

karuna/blocks.css

@@ -318,39 +318,35 @@ p.has-drop-cap:not(:focus)::first-letter {
 /* Buttons */
 
 .wp-block-button .wp-block-button__link {
-	border: 2px solid currentColor;
-	border-radius: 10px;
-	box-shadow: none;
 	font-weight: bold;
 	font-size: 16px;
 	font-size: 1rem;
 	letter-spacing: 1px;
 	line-height: 1;
 	padding: 0.8em 1.6em 0.8em;
-	text-shadow: none;
 	text-decoration: none;
 	text-transform: uppercase;
 	transition: 0.3s;
 }
 
-.wp-block-button .wp-block-button__link:active,
-.wp-block-button .wp-block-button__link:hover,
-.wp-block-button .wp-block-button__link:focus {
-	box-shadow: none;
+.wp-block-button__link {
+	background-color: #6636cc;
+	color: #fff;
+	border-radius: 10px;
 }
 
-.wp-block-button__link {
+.wp-block-button__link:visited {
+	color: #fff;
+}
+
+.is-style-outline .wp-block-button__link:not(.has-text-color) {
 	color: #6636cc;
-	border-color: currentColor;
-	background: transparent;
 }
 
 .wp-block-button__link:active,
 .wp-block-button__link:focus,
 .wp-block-button__link:hover {
-	background: transparent;
-	border-color: #85cc36;
-	color: #85cc36;
+	opacity: 0.8;
 }
 
 /* Seperator */

karuna/editor-blocks.css

@@ -379,13 +379,6 @@
 	transition: 0.3s;
 }
 
-.wp-block-file .wp-block-file__button:hover,
-.wp-block-file .wp-block-file__button:focus {
-	border-color: #85cc36;
-	box-shadow: none;
-	color: #85cc36;
-}
-
 .wp-block-button .editor-rich-text__tinymce.mce-content-body {
 	line-height: 16px;
 }
@@ -693,7 +686,7 @@
 /* Buttons */
 .wp-block-button .wp-block-button__link {
 	border: 2px solid currentColor;
-	border-radius: 10px;
+
 	box-shadow: none;
 	font-weight: bold;
 	font-size: 16px;
@@ -707,32 +700,14 @@
 	transition: 0.3s;
 }
 
-.wp-block-button .wp-block-button__link:active,
-.wp-block-button .wp-block-button__link:hover,
-.wp-block-button .wp-block-button__link:focus {
-	box-shadow: none;
-}
-
-.wp-block-button__link:not(.has-background) {
-	background: transparent;
+.wp-block-button__link {
+	background: #6636cc;
+	border-radius: 10px;
+	color: #fff;
 }
 
-.wp-block-button__link:not(.has-text-color) {
+.is-style-outline .wp-block-button__link:not(.has-text-color) {
 	color: #6636cc;
-	border-color: #6636cc;
-}
-
-.wp-block-button__link:not(.has-text-color):active,
-.wp-block-button__link:not(.has-text-color):focus,
-.wp-block-button__link:not(.has-text-color):hover {
-	border-color: #85cc36;
-	color: #85cc36;
-}
-
-.wp-block-button__link:not(.has-background):active,
-.wp-block-button__link:not(.has-background):focus,
-.wp-block-button__link:not(.has-background):hover {
-	background: transparent;
 }
 
 /* Separator */