diff --git a/buttons.html b/buttons.html
new file mode 100644
index 0000000..e04854f
--- /dev/null
+++ b/buttons.html
@@ -0,0 +1,48 @@
+<style>
+  .subscribe-button {
+    background-color: rgb(200, 0, 0);
+    color: white;
+    border: none;
+    height: 36px;
+    width: 105px;
+    border-radius: 2px;
+    cursor: pointer;
+    margin-right: 8px;
+  }
+
+  .join-button {
+      background-color: rgb(255, 255, 255); 
+      color: rgb(41, 118, 211);
+      border-color: rgb(41, 118, 211);
+      border-style: solid;
+      border-width: 1px;
+      height: 36px;
+      width: 62px;
+      border-radius: 2px;
+      cursor: pointer; 
+  }
+
+  .tweet-button {
+      background-color: rgb(2, 158, 255);
+      color: white;
+      border: none;
+      height: 36px;
+      width: 70px;
+      border-radius: 18px;
+      font-weight: bold;
+      font-size: 15px;
+      cursor: pointer; 
+      margin-left: 8px;
+  }
+
+</style>
+
+<button class="subscribe-button">
+    SUBSCRIBE
+</button>
+<button class="join-button">
+    JOIN
+</button>
+<button class="tweet-button">
+    TWEET
+</button>