Button 18

Home » Components » Buttons » Button 18

Button 18

/* ===== Button 18 ===== */

#button-18 {
	position: relative;
	z-index: 2;
	border: none;
}

#button-18::before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: var(--bs-dark);
	z-index: -1;
	border-radius: 0px;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	height: 100%;
	-webkit-transform: scaleX(0);
	    -ms-transform: scaleX(0);
	        transform: scaleX(0);
}

#button-18:hover:before {
	-webkit-transform: scaleX(1);
	    -ms-transform: scaleX(1);
	        transform: scaleX(1);
}