make scroll hint clickable

assets/scss/home.scss

@@ -36,17 +36,24 @@
     p {
         letter-spacing: 0.15rem;
     }
-    &::after {
-        content: "­☟";
+    #scroll-down {
         font-size: 4.8rem;
         position: absolute;
         bottom: 2rem;
         animation: 1s ease-in infinite alternate scrollDown;
         font-family: serif;
-    }
-    @keyframes scrollDown {
-        from { transform: translateY(0); }
-        to { transform: translateY(1rem); }
+        text-decoration: none;
+        color: var(--vriish-gradient-text);
+        transition: color 0.2s ease-in-out;
+
+        &:hover {
+            color: var(--vriish-gradient-text-hover);
+        }
+
+        @keyframes scrollDown {
+            from { transform: translateY(0); }
+            to { transform: translateY(1rem); }
+        }
     }
 }