Here are style rules once again

src/layouts/LayoutDefault.vue

@@ -59,6 +59,8 @@ nav p {
 
 ::v-deep(nav .button) {
   font-size: calc(var(--font-size) * 0.8);
+  background-color: var(--header-color);
+  border: solid 2px ;
   height: fit-content;
 }
 
@@ -75,9 +77,9 @@ nav p {
 @media screen and (max-width: 950px) {
 
   ::v-deep(nav .button) {
-    width: 5vw;
+    width: 7vw;
 
-    min-width: 10vw;
+    min-width: 60px;
     min-height: 3vh;
   }
 }

src/views/HomeView.vue

@@ -19,7 +19,7 @@ import NavLink from "@/components/NavLink.vue";
     </div>
 
       <div class="actions">
-        <h1>Meet up now !</h1>
+        <h1>Meet up <span class="colored-text">now</span> !</h1>
         <NavLink path="/create" description="Join"></NavLink>
         <NavLink path="/join" description="Create"></NavLink>
     </div>