Merge branch 'main' into new-btn

Author: Rajkumar-justcoder

buttons/buttons.css

@@ -2179,6 +2179,7 @@ a:focus-visible {
 
   /* Jasimrazi-btn-1 ends here */
 
+
 /* cypher's btn-3 start */
 
 .cypher-btn-3 {
@@ -2205,4 +2206,46 @@ a:focus-visible {
 
 
 
-/* cypher's btn-3 end*/
+/* cypher's btn-3 end*/
+
+/* Deepesh Sharma's button 1 starts*/
+.deepeshsharmaofficial-button-1 {
+    border: 1px solid #3498db;
+    background: none;
+    padding: 10px 40px;
+    font-size: 20px;
+    font-family: "montserrat";
+    font-weight: bold;
+    cursor: pointer;
+    margin: 10px;
+    transition: 0.8s ease-out;
+    position: relative;
+    overflow: hidden;
+    color: #fff;
+    z-index: 1;
+}
+
+.deepeshsharmaofficial-button-1:hover {
+    color: #3498db;
+    font-weight: bold;
+}
+
+.deepeshsharmaofficial-button-1::before {
+    content: "";
+    position: absolute;
+    left: 0;
+    width: 100%;
+    height: 0%;
+    background: #2498db;
+    z-index: -1;
+    transition: 0.8s;
+    top: 0;
+    border-radius: 0 0 50% 50%;
+    height: 180%;
+}
+
+.deepeshsharmaofficial-button-1:hover::before {
+    height: 0%;
+}
+/* Deepesh Sharma's button 1 ends*/
+

index.html

@@ -553,7 +553,7 @@
           </div>
           <!--Jasim Razi btn end-->
 
-            
+
           <!-- cypher's btn-3 start -->
           <div class="button-container">
             <button class="cypher-btn-3">Hover me</button>
@@ -564,6 +564,17 @@
         </div>
           <!-- cyphers btn-3 end -->
 
+
+            <!-- Deepesh Sharma btn start-->
+            <div class="button-container ">
+                <button class="deepeshsharmaofficial-button-1"><span> Hover Me </span></button>
+                <div class="createdby-section">
+                    Created by
+                    <a href="https://github.com/deepeshsharmaofficial"> Deepesh Sharma </a>
+                </div>
+            </div>
+            <!-- Deepesh Sharma btn end-->
+
         </div>
 
     </main>