added hover effect on blue buttons of all the pages #fixes42893 (#42929)

Author: satyampsoni

assets/scss/_base.scss

@@ -76,6 +76,11 @@ footer {
     text-decoration: none;
     font-size: 1rem;
     border: 0px;
+
+  }
+
+  .button:hover {
+    background-color: darken($blue, 10%);
   }
 
   #cellophane {

static/css/community.css

@@ -205,6 +205,8 @@ body.cid-community a.community-cta-button {
   text-align: center;
 }
 
+body.cid-community a.community-cta-button:hover { background-color: #2357b0; }
+
 body.cid-community a.community-cta-button > span.community-cta {
   color: inherit;
   background: transparent;

static/css/training.css

@@ -178,6 +178,12 @@ body.cid-training .button {
   text-align: center;
 }
 
+body.cid-training .button:hover {
+  background-color: #2357b0; 
+}
+
+
+
 body.cid-training h5 {
   font-size: 16px;
   font-weight: 500;