diff --git a/agaric/css/agaric.css b/agaric/css/agaric.css
index 2be4087..0715494 100644
--- a/agaric/css/agaric.css
+++ b/agaric/css/agaric.css
@@ -10743,6 +10743,26 @@ a.teaser {
   color: #FFFFFF;
   background-color: #BAB108; }
 
+.hero.is-blue a,
+.hero.is-marine a,
+.hero.is-berry a,
+.hero.is-cinnamon a,
+.hero.is-dark a,
+.hero.is-grey a,
+.hero.is-dandelion a {
+  color: #E4E5E7; }
+  .hero.is-blue a:hover,
+  .hero.is-marine a:hover,
+  .hero.is-berry a:hover,
+  .hero.is-cinnamon a:hover,
+  .hero.is-dark a:hover,
+  .hero.is-grey a:hover,
+  .hero.is-dandelion a:hover {
+    color: #3276CF;
+    background-color: white;
+    padding: .25em;
+    margin: -.25em; }
+
 .hero-project .container .hero-body .title {
   color: currentColor;
   font-size: 2.5rem;