add new button

Author: kkartik07

buttons/buttons.css

@@ -2249,3 +2249,73 @@ a:focus-visible {
 }
 /* Deepesh Sharma's button 1 ends*/
 
+/* kkartik07's 2nd btn start */
+.kkartik07-btn-2 {
+    height: 5em;
+	width: 12em;
+	border-top: 3px solid rgb(209, 203, 203);
+	border-right: 3px solid #CCC;
+	border-left: 4px solid #777;
+	border-bottom: 4px solid #777;
+	border-radius: 1em;
+	margin: 3em;
+	background-color: #999;
+	box-shadow:  -.1em .1em 0 #000,
+				 -.2em .2em 0 #000,
+				 -.3em .3em 0 #000,
+				 -.4em .4em 0 #333,
+				 -.5em .5em 0 #333,
+				 -.6em .6em 0 #333,
+				 -.7em .7em 0 #333,
+				 -.9em .9em 0 #333,
+				 -1em 1em 0 #333,
+				 -1.1em 1.1em 0 #333,
+				 -1.2em 1.2em 0 #333;
+	transition: box-shadow 0.4s,
+				border-top 0.2s,
+				border-right 0.2s;
+}
+
+.kkartik07-btn-2:hover, .kkartik07-btn-2:focus {
+    border-top: 3px solid rgba(119, 119, 119, 0.699);
+    border-right: 3px solid rgba(119, 119, 119, 0.699);
+	box-shadow: .1em -.1em 0 rgba(51, 51, 51, 0.681),
+				.2em -.2em 0 rgba(51, 51, 51, 0.712),
+				-.1em .1em 0 rgba(51, 51, 51, 0.716),
+				-.2em .2em 0 rgba(51, 51, 51, 0.655),
+				-.3em .3em 0 rgba(51, 51, 51, 0.67),
+				inset -.1em -.1em 2em #FFF,
+				-.1em -.1em 2em #777;
+}
+
+.button-inside {
+	width: 11em;
+	height: 3.2em;
+	margin: .4em auto;
+	border-radius: .9em;
+	background-color: rgba(204, 204, 204, 0.721);
+	background-image: linear-gradient(135deg, rgba(204, 204, 204, 0.736), rgb(153, 144, 144));
+	box-shadow: inset -.15em .15em 0 rgb(124, 122, 122),
+				inset .1em -.1em 0 rgb(204, 204, 204);
+}
+
+.btn-text{
+	font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
+	font-size: 3em;
+	color: #e7e5e5;
+	text-align: center;
+	margin: auto;
+	text-shadow: -.01em .01em 0 #777,
+				 -.02em .02em 0 #777,
+				 -.03em .03em 0 #777,
+				 -.04em .04em 0 #777,
+				 -.05em .05em 0 #777,
+				 -.06em .06em 0 #999,
+				 -.07em .07em 0 #999,
+				 -.08em .08em 0 #999,
+				 -.09em .09em 0 #999,
+				 -.1em .1em 0 #999,
+				 -.1em .1em 0 #999;
+}
+
+/* kkartik07's 2nd btn end */

index.html

@@ -575,6 +575,20 @@
             </div>
             <!-- Deepesh Sharma btn end-->
 
+             <!-- kkartik07's button-2 start -->
+             <div class="button-container">
+                <div class="kkartik07-btn-2">
+                    <div class="button-inside">
+                        <div class="btn-text">HOVER</div>
+                    </div>
+                </div>
+                <div class="createdby-section">
+                    Created by
+                    <a href="https://github.com/kkartik07"> kkartik07 </a>
+                </div>
+            </div>
+            <!-- kkartik07's button-2 end -->
+
         </div>
 
     </main>