diff --git a/assets/css/app.css b/assets/css/app.css
index 25e3f24..ebbfa73 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -186,6 +186,28 @@ section {
   margin-block-start: var(--space, 1.4rem);
 }
 
+.btn {
+  padding: var(--space-sm) var(--space-lg);
+  background: var(--cotech-white);
+  color: var(--cotech-black);
+  text-decoration: none;
+  font-family: "open_sansbold", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+  border-radius: var(--space-sm);
+  width: fit-content;
+  display: flex;
+  align-items: center;
+  gap: var(--space-sm);
+}
+
+.btn::after {
+  content: " →";
+}
+
+.btn:hover {
+  background: var(--cotech-black);
+  color: var(--cotech-white);
+}
+
 .header {
   display: flex;
   padding: var(--space-lg) var(--space-md);
diff --git a/index.html b/index.html
index 2b53762..6449a31 100644
--- a/index.html
+++ b/index.html
@@ -9,8 +9,8 @@ layout: default
   <p class="large">CoTech is a UK-wide network of creative technology companies
     fully owned and controlled by the people who do the work.</p>
 
-  <a href="#">Hire our coops</a>
-  <a href="#">Join the network</a>
+  <a class="btn" href="#">Hire our coops</a>
+  <a class="btn" href="#">Join the network</a>
 </section>
 
 <section class="stack">