style link to editor more moderately

src/Pages/HomeView.elm

@@ -43,6 +43,6 @@ homeView model =
                 ]
               -- Display the loading message or any error message.
             , loadingMsg 
-            , a [ class "btn", href "/editor.html" ] [ text "Quiz Editor" ]
+            , a [ class "link", href "/editor.html" ] [ text "Quiz Editor" ]
             ] 
         ]
\ No newline at end of file

src/style.css

@@ -398,6 +398,21 @@ p.answer {
   margin: 0;
 }
 
+a.link {
+  color: #000;
+  padding: 10px;
+  margin: 5px;
+  text-decoration: none;
+  min-width: 60px;
+  text-align: center;
+  transition: border-color 0.3s ease, color 0.3s ease;
+}
+
+.btn:hover {
+  cursor: pointer;
+  color: #fff;
+}
+
 .invisible {
   display: none;
 }
\ No newline at end of file