@@ -78,6 +78,9 @@
 
 // ----- Sizes ----- //
 
+.btn--s
+  font-size: $b-fontSize-s
+
 .btn--l
   font-size: $b-fontSize-l
 
 
@@ -24,6 +24,12 @@
 //   Scaffolding
 // -------------------------------------
 
+// ----- Button ----- //
+
+.header-btn
+  position: relative
+  z-index: 1
+
 // ----- Link ----- //
 
 .header-link
 
@@ -21,6 +21,7 @@ html.courseLayout.js-courseLayout(lang='en')
                 nav.split-cell(role='navigation')
                   a.underline.header-link(href='/news') News
                   a.underline.header-link(href='/resources') Resources
+                  a.btn.btn--s.header-btn(href='/try') Learn JavaScript
 
       button.courseLayout-header-toggle.js-courseLayout-toggle Toggle Navigation
 
 
@@ -19,3 +19,4 @@ header.row.header(class=(headerPartial.bleed ? 'bc-regent' : '' ) role='banner')
               a.underline.header-link.is-active(href=url class=(headerPartial.bleed ? 'underline--alt' : '' ))= title
             else
               a.underline.header-link(href=url class=(headerPartial.bleed ? 'underline--alt' : '' ))= title
+          a.btn.btn--s.header-btn(href='/try') Learn JavaScript