separate how it works

src/styles/style.scss

@@ -1,6 +1,19 @@
-@use "/src/styles/vars" as v;
+@use "vars" as v;
 
 #app {
+
+  a {
+    $link_color: darken(v.$green, 10);
+    text-decoration: none;
+    color: $link_color;
+    &:visited {
+      color: $link_color;
+    }
+    &:hover {
+      text-decoration: underline;
+    }
+  }
+
   .logo {
     font-family: v.$heading-font-family;
     font-weight: 500;
@@ -39,6 +52,16 @@
     text-transform: none;
   }
 
+  .actions {
+    margin-top: 1em;
+    margin-bottom: 1em;
+
+    .v-btn {
+      margin-left: 1em;
+      margin-right: 1em;
+    }
+  }
+
   .v-card-title {
     font-family: v.$heading-font-family;
     //color: v.$blue;