From 44aa895c30b822816ed6f1d4b5c39fec537cba8c Mon Sep 17 00:00:00 2001
From: aditya_ahirwar <adityaahirwar3@gmail.com>
Date: Thu, 20 Oct 2022 00:18:30 +0530
Subject: [PATCH] added a animated button

---
 buttons/buttons.css | 43 ++++++++++++++++++++++++++++++++++++++++++-
 index.html          | 10 ++++++++++
 2 files changed, 52 insertions(+), 1 deletion(-)

diff --git a/buttons/buttons.css b/buttons/buttons.css
index b8a6b0f..cf265f9 100644
--- a/buttons/buttons.css
+++ b/buttons/buttons.css
@@ -2308,4 +2308,45 @@ a:focus-visible {
     }
 }
 
-/*radzhiv's btn end*/
\ No newline at end of file
+/*radzhiv's btn end*/
+
+
+/* Aditya's button starts */
+
+.aditya-btn {
+    width: 150px;
+    height: 50px;
+    color: white;
+    position: relative;
+    display: inline-block;
+    background: rgb(0, 68, 255);
+    border: none;
+    border-radius: 4px;
+    padding: 10px 25px;
+    font-family: Verdana, Geneva, Tahoma, sans-serif;
+    font-weight: 20px;
+    cursor: pointer;
+    transition: all 0.2s ease;
+    z-index: 1;
+  }
+  .aditya-btn:after {
+    position: absolute;
+    content: "";
+    width: 0;
+    height: 0;
+    top: 0;
+    left: 0;
+    border-radius: 5px;
+    background-image: linear-gradient(275deg, #190c8e 0%, #b53232 74%);
+    transition: all 0.2s ease-in-out;
+    z-index: -1;
+  }
+   .aditya-btn:hover:after {
+    top: auto;
+    bottom: 0;
+    width: 100%;
+    height: 100%;
+    border-radius: 40%;
+    border: none;
+  }
+/* Aditya's button end  */
\ No newline at end of file
diff --git a/index.html b/index.html
index 4c9b143..d24a53b 100644
--- a/index.html
+++ b/index.html
@@ -593,6 +593,16 @@
             </div>
             <!-- radzhiv's btn end -->
 
+            <!-- Aditya's btn start -->
+            <div class="button-container">
+                <button class="aditya-btn">Hover Me</button>
+                <div class="createdby-section">
+                    Created by
+                    <a href="https://github.com/Aditya-ahirwar">Aditya Ahirwar</a>
+                </div>
+            </div>
+            <!-- Aditya's btn end -->
+
 
         </div>