Button Fix

jasimrazi · jasimrazi · commit fa6eab669ff6 · 2022-10-12T14:39:15.000+05:30
diff --git a/buttons/buttons.css b/buttons/buttons.css
@@ -2048,31 +2048,29 @@ box-shadow: rgb(40, 159, 237) 5px 5px 0px 0px, rgb(95, 184, 255) 10px 10px 0px 0
 /* Sumit-btn-3 end */
 
 /* Jasimrazi-btn-1 starts here */
+
 .Jasimrazi-btn-1 {
 	font-size: 20px;
 	font-weight: 200;
 	letter-spacing: 1px;
 	padding: 13px 50px 13px;
 	outline: 0;
-	border: 1px solid black;
+	border: 1px solid rgb(255, 255, 255);
 	cursor: pointer;
 	position: relative;
+	color: white;
 	background-color: rgba(0, 0, 0, 0);
+	transition: 0.4s all ease;
   }
   
-  .Jasimrazi-btn-1::after {
-	content: "";
+  .Jasimrazi-btn-1:hover{
+	
 	background-color: #ffe54c;
-	width: 100%;
-	z-index: -1;
-	position: absolute;
-	height: 100%;
-	top: 7px;
-	left: 7px;
-	transition: 0.2s;
+	top: -7px;
+	left: -7px;
+	transition: 0.4s all ease;
+	color: #000000;
+	border: 1px solid #000000;
   }
   
-  .Jasimrazi-btn-1:hover::after {
-	top: 0px;
-	left: 0px;
-  }
+  /* Jasimrazi-btn-1 ends here */
diff --git a/index.html b/index.html
@@ -535,7 +535,7 @@
             <!-- Sumit3 btn end -->
           
             <!--Jasim Razi btn start-->
-            <div class = "button-container">
+            <div class="button-container">
                 <button class = "Jasimrazi-btn-1"><span> Hover Me</span></button>
                 <div class = "createdby-section">
                     Created by<a href = "https://github.com/jasimrazi"> Jasim Razi</a>
