diff --git a/index.css b/index.css
index 7a29f99..c61b4b8 100644
--- a/index.css
+++ b/index.css
@@ -35,6 +35,10 @@
     linear-gradient(to bottom, transparent 1px, transparent 1px);
 }
 
+.dl-btn {
+  background:
+    linear-gradient(to right, rgba(249,37,257,0.4), rgba(13,7,122,0.4));
+  }
 [data-bs-theme=light] .dl-btn {
   background-color: #0d6efd !important;
   border-color: #0d6efd !important;
diff --git a/index.html b/index.html
index 907efb2..924fe41 100644
--- a/index.html
+++ b/index.html
@@ -102,8 +102,8 @@ <h1 class="col-lg-7 mx-auto display-4 fw-bold text-body-emphasis width-800">Buil
           Powerful, fast and developer-friendly extension framework for Pterodactyl. Utilize extension APIs, inject HTML, modify stylesheets, package extensions and so much more.
         </p>
         <div class="d-grid gap-2 d-sm-flex my-2 justify-content-sm-center">
-          <a href="./docs?page=getting-started/Installation"><button type="button" class="btn btn-dark bg-body-tertiary btn-lg px-4 gap-3 me-1 dl-btn">Download</button></a>
-          <a href="#learnmore"><button type="button" class="btn btn-dark btn-lg px-4 ms-1">Learn more</button></a>
+          <a href="./docs?page=getting-started/Installation"><button type="button" class="btn btn-dark bg-body-tertiary btn-lg px-4 gap-3 me-1 dl-btn">Get started <i class="bi bi-arrow-right"></i></button></a>
+          <a href="https://github.com/blueprintframework/framework"><button type="button" class="btn btn-dark btn-lg px-4 ms-1"><i class="bi bi-star-fill me-1"></i> Star on GitHub!</button></a>
         </div>
       </div>
     </div>