From e357a960bf3088a065a8a321ce505b96b6e85c21 Mon Sep 17 00:00:00 2001
From: 0b51d14n <arnav21703@gmail.com>
Date: Sun, 23 Oct 2022 16:07:11 +0530
Subject: [PATCH 1/2] Added new flipping button

---
 buttons/buttons.css | 50 +++++++++++++++++++++++++++++++++++++++++++++
 index.html          | 10 +++++++++
 2 files changed, 60 insertions(+)

diff --git a/buttons/buttons.css b/buttons/buttons.css
index 6057d96..b4c126c 100644
--- a/buttons/buttons.css
+++ b/buttons/buttons.css
@@ -2349,3 +2349,53 @@ a:focus-visible {
 }
 
 /* Gaurav Sharma's button 1 end*/
+
+.arnav-btn{
+    opacity: 1;
+    outline: 0;
+    color: #fff;
+    line-height: 40px;
+    position: relative;
+    text-align: center;
+    letter-spacing: 1px;
+    display: inline-block;
+    text-decoration: none;
+    font-family: "Inter";
+    font-weight: 700;
+    text-transform: uppercase;
+  }
+  .arnav-btn:hover:after {
+    opacity: 1;
+    transform: translateY(0) rotateX(0);
+  }
+  .arnav-btn:hover:before {
+    opacity: 0;
+    transform: translateY(50%) rotateX(90deg);
+  }
+  .arnav-btn:after {
+    top: 0;
+    left: 0;
+    opacity: 0;
+    width: 100%;
+    color: #323237;
+    display: block;
+    transition: 0.5s;
+    position: absolute;
+    background: #adadaf;
+    content: attr(data-back);
+    transform: translateY(-50%) rotateX(90deg);
+  }
+  .arnav-btn:before {
+    top: 0;
+    left: 0;
+    opacity: 1;
+    color: #adadaf;
+    display: block;
+    padding: 0 30px;
+    line-height: 40px;
+    transition: 0.5s;
+    position: relative;
+    background: #323237;
+    content: attr(data-front);
+    transform: translateY(0) rotateX(0);
+  }
diff --git a/index.html b/index.html
index 4ce703f..41097be 100644
--- a/index.html
+++ b/index.html
@@ -608,6 +608,16 @@
             </div>
             <!-- Gaurav Sharma's btn end-->
 
+            <!--0b51d14n217's btn-->
+            <div class="button-container">
+                <a class="arnav-btn" data-back="Hover Me" data-front="Hover Me"></a>
+                <div class="createdby-section">
+                    Created by
+                    <a href="https://github.com/0b51d14n217">Arnav Sharma</a>
+                </div>
+            </div>
+            <!--0b51d14n217's btn-->
+
         </div>
 
     </main>

From 4e45eb745314a55f837a4b355b060ed687bc084c Mon Sep 17 00:00:00 2001
From: Rajkumar Khistariya
 <83064473+Rajkumar-justcoder@users.noreply.github.com>
Date: Mon, 24 Oct 2022 15:26:17 +0530
Subject: [PATCH 2/2] Update index.html

---
 index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index e8f6f83..d81513e 100644
--- a/index.html
+++ b/index.html
@@ -634,7 +634,7 @@
 
             <!--0b51d14n217's btn-->
             <div class="button-container">
-                <a class="arnav-btn" data-back="Hover Me" data-front="Hover Me"></a>
+                <a class="arnav-btn-1" data-back="Hover Me" data-front="Hover Me"></a>
                 <div class="createdby-section">
                     Created by
                     <a href="https://github.com/0b51d14n217">0b51d14n217</a>
@@ -695,4 +695,4 @@
 
 </body>
 
-</html>
\ No newline at end of file
+</html>