Merge pull request #39 from ImOnlyYisus/main

feat(button): added new button

Author: Rajkumar-justcoder

buttons/buttons.css

@@ -872,3 +872,55 @@ a:focus-visible {
 
 /*  CSS FOR BUTTON 9 ENDS */
 
+/* ImOnlyYisus Btn CSS*/
+.ImOnlyYisusContainer{
+position: relative;
+}
+
+.ImOnlyYisus-btn{
+	padding: 6px;
+	padding-bottom: .5em ;
+	padding-top: .5em ;
+	font-size: 20px;
+	text-transform: uppercase;
+	color:#fff;
+	border:none;
+	background-color: transparent;
+	transition: .3s;
+}
+
+.ImOnlyYisus-btn::after{
+	content: "";
+	background-color: white;
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	width: 10%;
+	height: 5%;
+	transition: .3s;
+}
+
+.ImOnlyYisus-btn::before{
+	content: "";
+	background-color: white;
+	position: absolute;
+	top: 0;
+	right: 0;
+	width: 10%;
+	height: 5%;
+	transition: .3s;
+}
+
+.ImOnlyYisus-btn:hover{
+	text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;;
+}
+
+.ImOnlyYisus-btn:hover::after{
+	width: 100%;
+}
+
+.ImOnlyYisus-btn:hover::before{
+	width: 100%;
+}
+/*ImOnlyYisus Btn CSS ENDS*/
+

index.html

@@ -260,6 +260,14 @@
 
 				</div>
 				<!--END-->
+
+				<!-- ImOnlyYisus btn start here -->
+				<div class="button-container">
+					<div class="ImOnlyYisusContainer">
+						<button type="button" class="ImOnlyYisus-btn">Button</button>
+					</div>
+				</div>
+				<!-- ImOnlyYisus btn end -->
 			</div>
 		</main>
 		<footer>