diff --git a/buttons/buttons.css b/buttons/buttons.css
index 7d6757d..80dab0f 100644
--- a/buttons/buttons.css
+++ b/buttons/buttons.css
@@ -2310,6 +2310,30 @@ a:focus-visible {
 
 /*radzhiv's btn end*/
 
+/* shivanshi btn start */
+.shivanshi-s-btn-1 {
+    box-sizing: border-box;
+    appearance: none;
+    background-color: transparent;
+    cursor: pointer;
+    font-size: 1rem;
+    margin: 20px;
+    padding: 1.2em 2.8em;
+    text-decoration: none;
+    font-family: 'Montserrat', sans-serif;
+    font-weight: 700;
+    border-color: #3330E4;
+    color: #67f878;
+    background-image: linear-gradient(to bottom, transparent 30%, #248f86 90%);
+    background-position: 0% 0%;
+    transition: background 15ms ease-in-out, color 150ms ease-in-out;
+  }
+  .shivanshi-s-btn-1:hover {
+    color: white;
+    background-position: 0 800%;
+  }
+/* shivanshi btn end */
+
 
 /* avishaan24's btn start  */
 
diff --git a/index.html b/index.html
index f474625..e9997d8 100644
--- a/index.html
+++ b/index.html
@@ -593,6 +593,18 @@
             </div>
             <!-- radzhiv's btn end -->
 
+
+            <!-- shivanshi btn start -->
+            <div class="button-container">
+                <button class="shivanshi-s-btn-1">Hover me</button>
+                <div class="createdby-section">
+                    Created by
+                    <a href="https://github.com/shivanshi-s">shivanshi-s</a>
+                </div>
+            </div>
+            <!-- shivanshi btn end -->
+
+
             <!-- avishaan24-btn-1 start -->
             <div class="button-container">
                 <!-- add your buttons here, eg.-->
@@ -605,6 +617,7 @@
             </div>
             <!-- avishaan24-btn-1 end -->
 
+
             <!-- Aditya's btn start -->
             <div class="button-container">
                 <button class="aditya-btn-1">Hover Me</button>