top menu as wordpress with rouded buttons

asset/scss/modules/_navigation.scss

@@ -8,21 +8,70 @@
 }
 .hero {
   @include breakpoint(small) {
-      nav {
+    // nav {
-        .dropdown.menu > li > a {
+    //   .dropdown.menu > li > a {
-          padding: $global-menu-padding/2 $global-menu-padding/2;
+    //     padding: $global-menu-padding/2 $global-menu-padding/2;
-        }
+    //   }
-      }
+    // }
   }
   @include breakpoint(medium) {
-    aside {
+    // aside {
-      nav {
+    //   nav {
-        .dropdown.menu > li > a {
+    //     .dropdown.menu > li > a {
-          padding: $global-menu-padding;
+    //       padding: $global-menu-padding;
-        }
+    //     }
-      }
+    //   }
-    }
+    // }
   }
   @include breakpoint(large) {
   }
 }
+
+
+
+header {
+  menu {
+    a[href$="/join-us/"],a[href$="/login"] {
+      color: $black;
+      background-color: $input-background;
+      border: none;
+      border-radius: $global-radius-archive;
+      padding: $global-padding/2 $global-padding;
+      margin-left: $global-margin;
+      &:hover {
+        color: $anchor-color;
+      }
+    }
+  }
+}
+// a[href^="http://"] {
+//   /* fully valid URL, likely external link */
+// }
+//
+// a[href="http://google.com"] {
+//   /* link to specific website */
+// }
+//
+// a[href^="/"], a[href^=".."] {
+//   /* internal relative link */
+// }
+//
+// a[href^="mailto:"] {
+//   /* email link */
+// }
+//
+// a[href$=".pdf"] {
+//   /* PDF file */
+// }
+//
+// a[href$=".doc"] {
+//   /* Microsoft Word document */
+// }
+//
+// a[href$=".mp3"] {
+//   /* Music file */
+// }
+//
+// a[href$=".zip"] {
+//   /* Archive file */
+// }