From 5b735bb30f598ea87268b32a7640005c2da39f85 Mon Sep 17 00:00:00 2001
From: AaronHans <aaronhans@aaronhansmacpro.gateway.sonic.net>
Date: Fri, 11 Jun 2021 12:47:07 -0700
Subject: [PATCH] fix hover styles

---
 blocks/card/style.css |  2 +-
 blocks/hero/style.css | 24 ++++++++++++++----------
 2 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/blocks/card/style.css b/blocks/card/style.css
index dd249df..7c646a7 100644
--- a/blocks/card/style.css
+++ b/blocks/card/style.css
@@ -25,7 +25,7 @@
   color: var(--primary-color, #33705B) !important;
   /* variable used with fallback in case it is not defined */
   /* color: #33705B !important; */
-  font-size: 24px;
+  font-size: 1.75rem;
   line-height: 40px;
   padding: 0;
   margin: 0;
diff --git a/blocks/hero/style.css b/blocks/hero/style.css
index ef813ba..ab4e471 100644
--- a/blocks/hero/style.css
+++ b/blocks/hero/style.css
@@ -1,6 +1,7 @@
 .cagov-stack * + * {
   margin-top: 1.5rem;
 }
+.cagov-stack h2 { padding-bottom: 0; }
 .cagov-p-2 {
   padding: 2rem;
 }
@@ -45,20 +46,23 @@
   border: none;
   text-decoration: none;
 }
-
-.cagov-hero-body-content .wp-block-button__link {
-  overflow-wrap: normal;
-  white-space: nowrap;
-}
-
 .cagov-hero-body-content .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
-  background-color: #33705B !important;
-  color: #fff !important;
-  padding: 1rem;
-  border-radius: .5rem !important;
+  background-color: #33705B;
+  /* defined here for when css vars are not supported */
+  background-color: var(--primary-color, #33705B);
+  /* variable used with fallback in case it is not defined */
+  color: white;
+  padding: 0.5rem 1rem;
+  border-radius: 0.5rem;
   font-weight: bold;
   display: inline-block;
   border: none;
+  text-decoration: underline;
+}
+
+.cagov-hero-body-content .wp-block-button__link {
+  overflow-wrap: normal;
+  white-space: nowrap;
 }
 
 /* sidebar layout */