From 53b621496a6832b09b2a1036480aa0621e39a473 Mon Sep 17 00:00:00 2001
From: Kartik Kankurte <kartikkankurte@gmail.com>
Date: Tue, 11 Oct 2022 18:08:22 +0530
Subject: [PATCH 1/2] add a styled button with a wave like animation

---
 buttons/buttons.css | 34 +++++++++++++++++++++++++++++++++-
 index.html          | 13 +++++++++++++
 2 files changed, 46 insertions(+), 1 deletion(-)

diff --git a/buttons/buttons.css b/buttons/buttons.css
index 0c72c86..69ad8cf 100644
--- a/buttons/buttons.css
+++ b/buttons/buttons.css
@@ -1744,4 +1744,36 @@ a:focus-visible {
 	animation:slidebg 5s linear infinite;
 }
 
-/* cypherrs 2nd bt end  */
\ No newline at end of file
+/* cypherrs 2nd bt end  */
+
+/* kkartik07's 1st btn start */
+.kkartik07-1-btn {
+	padding: 18px 32px;
+	font-size: 30px;
+	border: none;
+	outline: none;
+	font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
+	cursor: pointer;
+	margin: 8px 15px;
+	transition: 0.2s ease;
+	background: #003877d5;
+	color: rgba(255, 255, 255, 0.756);
+	position: relative;
+	overflow: hidden;
+	box-shadow: rgba(110, 110, 119, 0.452) 0px 8px 30px 0px;
+  }
+  .kkartik07-1-btn::before {
+	width: 200%;
+	height: 200%;
+	content: "";
+	transform: rotate(-45deg);
+	position: absolute;
+	top: -10%;
+	left: -180%;
+	background: rgba(119, 129, 238, 0.2);
+	transition: 0.3s ease-in-out;
+  }
+  .kkartik07-1-btn:hover::before {
+	left: 55%;
+  }
+/* kkartik07's 1st btn end */
\ No newline at end of file
diff --git a/index.html b/index.html
index ddab9f9..34a1705 100644
--- a/index.html
+++ b/index.html
@@ -431,6 +431,19 @@
                 </div>
             </div>
             <!-- cyphers 2nd button end -->
+
+
+            <!-- kkartik07's button start -->
+            <div class="button-container">
+                <button class="kkartik07-1-btn"> Hover me </button>
+                <div class="createdby-section">
+                    Created by
+                    <a href="https://github.com/kkartik07">kkartik07</a>
+                </div>
+            </div>
+            <!-- kkartik07's button end -->
+
+
           </div>
            
 

From aca43550a1df63b28be118b14e4c9272e8045717 Mon Sep 17 00:00:00 2001
From: Kartik Kankurte <kartikkankurte@gmail.com>
Date: Tue, 11 Oct 2022 18:11:52 +0530
Subject: [PATCH 2/2] corrected naming convention according to README

---
 buttons/buttons.css | 6 +++---
 index.html          | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/buttons/buttons.css b/buttons/buttons.css
index 69ad8cf..e6ff471 100644
--- a/buttons/buttons.css
+++ b/buttons/buttons.css
@@ -1747,7 +1747,7 @@ a:focus-visible {
 /* cypherrs 2nd bt end  */
 
 /* kkartik07's 1st btn start */
-.kkartik07-1-btn {
+.kkartik07-btn-1 {
 	padding: 18px 32px;
 	font-size: 30px;
 	border: none;
@@ -1762,7 +1762,7 @@ a:focus-visible {
 	overflow: hidden;
 	box-shadow: rgba(110, 110, 119, 0.452) 0px 8px 30px 0px;
   }
-  .kkartik07-1-btn::before {
+  .kkartik07-btn-1::before {
 	width: 200%;
 	height: 200%;
 	content: "";
@@ -1773,7 +1773,7 @@ a:focus-visible {
 	background: rgba(119, 129, 238, 0.2);
 	transition: 0.3s ease-in-out;
   }
-  .kkartik07-1-btn:hover::before {
+  .kkartik07-btn-1:hover::before {
 	left: 55%;
   }
 /* kkartik07's 1st btn end */
\ No newline at end of file
diff --git a/index.html b/index.html
index 34a1705..c2e5431 100644
--- a/index.html
+++ b/index.html
@@ -435,7 +435,7 @@
 
             <!-- kkartik07's button start -->
             <div class="button-container">
-                <button class="kkartik07-1-btn"> Hover me </button>
+                <button class="kkartik07-btn-1"> Hover me </button>
                 <div class="createdby-section">
                     Created by
                     <a href="https://github.com/kkartik07">kkartik07</a>