Fix the links style in yellow blocks

diff --git a/app/static/src/sass/modules/_page.scss b/app/static/src/sass/modules/_page.scss
index 0b52dd4d4e5659cc3e27b6dd21442c31cd32c7eb..3ed891b03235fd3bb0137e54ba5c0399fbb519be 100644 (file)
--- a/app/static/src/sass/modules/_page.scss
+++ b/app/static/src/sass/modules/_page.scss
@@ -93,6 +93,36 @@ $module: ".page";
                 @include margin-top(2);
             }
 
+            a:not(.button) {
+
+                       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: $color-black;
+                               z-index: -1;
+                       }
+
+                       &:hover {
+                    color: $color-main;
+                               &:after {
+                                       bottom: 0;
+                                       background: $color-black;
+                                       height: 100%;
+                               }
+                       }
+               }
+
         }
 
         &--black {