paly animation Batton Elementor and CSS

				
					.paly-animation-btn::before{
content:"";
width: 90px; height: 90px; position: absolute; top: 0;
left: 0;
background:
#0d7c6e;
border-radius: 50%;	
}


.paly-animation-btn::before{
	
	content:"";
width: 90px; height: 90px;
position: absolute;
top: 0;
left: 0;
background:
#0d7c6e;

border-radius: 50%;
animation: palybtn 1.5s ease-out infinite;
}

	
@keyframes palybtn{
		0%, 30%{
		transform: scale(0); 
		opacity: 1;
	}

50%{
transform: scale(1.5);	
opacity: .9;
}
100%{
	transform: scale(2);
opacity: 0;
}


}

.paly-animation-btn:hover::before {
	
	content:"";
width: 90px; height: 90px;
position: absolute;
top: 0;
left: 0;
background:
#f3bc4d !important;

border-radius: 50%;
animation: palybtn 1.5s ease-out infinite;
}