Fix the links color in the black blocks

diff --git a/app/static/src/sass/modules/_page.scss b/app/static/src/sass/modules/_page.scss
index 764d34ebb449bb33ee39e9de1781d03198623499..b233e4951d7ab6399cbe85fd8a5b3d863ab33cdd 100644 (file)
--- a/app/static/src/sass/modules/_page.scss
+++ b/app/static/src/sass/modules/_page.scss
@@ -132,9 +132,36 @@ $module: ".page";
             @include padding-bottom(2);
             @include margin(2 0 0 0);
 
-            a {
+            a:not(.button) {
+
                 color: white;
-            }
+                       position: relative;
+                       z-index: 1;
+                       text-decoration: none;
+                @include transition(all 0.15s ease-in-out);
+
+                       &:after {
+                               @include transition(all 0.15s ease-in-out);
+                               content: "";
+                               display: block;
+                               position: absolute;
+                               left: 0;
+                               right: 0;
+                               bottom: 0;
+                               height: 1px;
+                               background: white;
+                               z-index: -1;
+                       }
+
+                       &:hover {
+                    color: $color-main;
+                               &:after {
+                                       bottom: 0;;
+                        background: $color-main;
+                                       height: 1px;
+                               }
+                       }
+               }
 
             h2:first-child {
                 margin-top: 0;