Added a new button

shivanshi-s · shivanshi-s · commit 7ac3cffef529 · 2022-10-20T22:22:29.000+05:30
diff --git a/buttons/buttons.css b/buttons/buttons.css
@@ -2308,4 +2308,27 @@ a:focus-visible {
     }
 }
 
-/*radzhiv's btn end*/
+/*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 */
diff --git a/index.html b/index.html
@@ -593,6 +593,16 @@
             </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</a>
+                </div>
+            </div>
+            <!-- shivanshi btn end -->
+
 
         </div>
 
