Fix color on hover state of scholarship buttons and links

Related to #48.

Author: Krystle Salazar

legal_db/static/styles.scss

@@ -1,7 +1,8 @@
 $color-tomato: rgb(237, 89, 47);
 $color-brighter-tomato: rgb(255, 105, 51);
 $color-dark-turquoise: rgb(5, 181, 218);
-$color-forest-green:rgb(4,166,53);
+$color-forest-green: rgb(4,166,53);
+$color-brighter-forest-green: rgb(0, 184, 80);
 $color-dark-slate-blue: rgb(60, 92, 153);
 $color-dark-gray: rgb(118, 118, 118);
 $color-dark-slate-gray: rgb(51, 51, 51);
@@ -66,6 +67,11 @@ a, a:hover {
     border-color: $color-forest-green;
     color: white;
 
+    &:hover {
+      background-color: $color-brighter-forest-green;
+      border-color: $color-brighter-forest-green;
+    }
+
     &.tag {
       background-color: white;
       color: $color-dark-gray;
@@ -115,6 +121,9 @@ a, a:hover {
     &:hover.has-background-tomato {
       background-color: $color-brighter-tomato !important;
     }
+    &:hover.has-background-forest-green {
+      background-color: $color-brighter-forest-green !important;
+    }
   }
 }