diff --git a/src/layouts/partials/full-width-cta-split.html b/src/layouts/partials/full-width-cta-split.html
index 6f453a3..74bc35e 100644
--- a/src/layouts/partials/full-width-cta-split.html
+++ b/src/layouts/partials/full-width-cta-split.html
@@ -1,18 +1,66 @@
 <hr>
-  <div class="row button-container">
-    <a href="https://github.com/teaxyz/cli/stargazers" role="button" class="btn btn-primary auth-btn mt-lg-0 mt-md-0 mt-sm-0 mt-0 split-btn" id="nav-cta"><i class="icon-enter-arrow"></i>STAR ON GITHUB (&#9734;<span class="stargazers"></span>)</a>
-    <a href="https://github.com/teaxyz/cli" role="button" class="btn btn-primary auth-btn mt-lg-0 mt-md-0 mt-sm-0 mt-0 split-btn split-right" id="nav-cta"><i class="icon-enter-arrow"></i>INSTALL TEA (<span class="release" style="text-transform:lowercase;"></span>)</a>
+  <div class="row button-container flex">
+    <a href="https://github.com/teaxyz/cli" class="ps-0 pe-0 btn-div" >
+      <button class="sbtn sb-fill-top">GIVE US A STAR (<span class="stargazers" style="text-transform: lowercase;"></span>)</button>
+    </a>
+    <a href="https://github.com/teaxyz/cli" class="ps-0 pe-0 btn-div" id="btn-div" >
+      <button class="sbtn sb-fill-top">INSTALL TEA (<span class="release" style="text-transform: lowercase;"></span>)</button>
+    </a>
   </div>
 <hr>
 
 <style>
-  .split-btn{
-    display: inline-block;
+
+  .btn-div{
     width: 50%;
+    border-left: 2px solid #949494;
   }
 
-  .split-right{
-    border-left: 0px !important;
+  #btn-div{
+    border-right: 2px solid #949494;
+  }
+
+  .sbtn {
+    font-family: "pp-neue-machina";
+    background-color: #1a1a1a;
+    position: relative;
+    box-sizing: border-box;
+    height: 8.8vw !important;
+    display: inline-block;
+    overflow: hidden;
+    width: 100%;
+    text-align: center;
+    border: none;
+    text-decoration: none;
+    color: rgb(225, 225, 225);
+    white-space: nowrap;
+    z-index: 0;
+  }
+
+  .sb-fill-top::before {
+        position: absolute;
+        content: "";
+        background: rgb(6, 255, 208);
+        transition-duration: 0.2s;
+        z-index: -1;
+        inset: auto auto 0px 0px;
+        width: 100%;
+        height: 0px;
+        opacity: 1;
+  }
+
+
+  .sb-fill-top:hover::before {
+        width: 100%;
+        height: 100%;
+        opacity: 1;
+  }
+
+
+  .sb-fill-top:hover {
+        color: rgb(10, 5, 5);
+        background: rgb(255, 255, 255);
+        transition: color 0.2s ease 0s, background 0s ease 0.3s;
   }
 
 </style>
diff --git a/src/static/css/navbar.css b/src/static/css/navbar.css
index dcd8534..f571a21 100644
--- a/src/static/css/navbar.css
+++ b/src/static/css/navbar.css
@@ -7,60 +7,6 @@
 
 @media only screen and (min-width: 1200px) {
 
-  /* Menu CTA */
-
-  .hbtn {
-    font-family: "pp-neue-machina";
-    background-color: #8000ff;
-    position: relative;
-    box-sizing: border-box;
-    height: 4.4vw !important;
-    display: inline-block;
-    overflow: hidden;
-    padding: 8px 20px;
-    width: 300px;
-    text-align: center;
-    border:none;
-    text-decoration: none;
-    color: rgb(225, 225, 225);
-    white-space: nowrap;
-    z-index: 0;
-  }
-
-
-  .hbtn i {
-        padding-right: 8px;
-  }
-
-
-  .hb-fill-right::before {
-        position: absolute;
-        content: "";
-        background: rgb(91, 0, 184);
-        transition-duration: 0.2s;
-        z-index: -1;
-        inset: 0px auto auto 0px;
-        width: 0px;
-        height: 100%;
-        opacity: 1;
-  }
-
-
-  .hb-fill-right:hover::before {
-        width: 100%;
-        height: 100%;
-        opacity: 1;
-  }
-
-
-  .hb-fill-right:hover {
-        color: rgb(255, 255, 255);
-        background: rgb(91, 0, 184);
-        transition: color 0.3s ease 0s, background 0s ease 0.3s;
-  }
-
-  /* End Menu CTA */
-
   div.container-fluid.top-nav{
     padding-left: 0px !important;
     padding-right: 0px !important;