Button 22

Home » Components » Buttons » Button 22

Button 22

/* ===== Button 22 ===== */

#button-22.btn-pulse {
	overflow: hidden;
	position: relative;
	border: none;
	z-index: 1;
	transition: all 0.3s ease 0s;
}

#button-22.btn-pulse:after {
	content: '';
	background-color: var(--bs-success);
	height: 0px;
	width: 0px;
	border-radius: 50%;
	transform: translateY(-50%) translateX(-50%);
	position: absolute;
	left: 20px;
	top: 50%;
	z-index: -1;
	transition: all 0.5s;
}

#button-22.btn-pulse:hover:after {
	height: 400px;
	width: 400px;
}