Pulse CSS

index.html

<a class="blob" href="google.com"> Check Price </a>

shadow-pulse.css

a.blob {
	/* Button styling */
	background-color: rgb(83, 194, 34);
	border: solid 1px #000;
	border-radius: 5px;
	color: #fff;
	display: inline-block;
  	font-size: 16px;
	font-family: Muli, "Helvetica Neue", sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
  	padding: 15px 30px;
	text-decoration: none;
	text-align: center;


	/* The pulse effect */
	box-shadow: 0 0 0 0 rgba(83, 194, 34, 1);
	transform: scale(1);
	animation: shadow-pulse 1.25s infinite;
}

@keyframes shadow-pulse {
	0% {
		box-shadow:0 0 0 0px rgba(83, 194, 34, 1);
	}
	
	100% {
		box-shadow:0 0 0 10px rgba(0,0,0,0)
	}
}

style.css

a.blob {
	/* Button styling */
	background-color: rgb(83, 194, 34);
	border: 1px solid rgb(83, 194, 34);
	border-radius: 5px;
	color: #fff;
	display: inline-block;
    	font-size: 16px;
	font-family: Muli, "Helvetica Neue", sans-serif;
	letter-spacing: 1px;
  	padding: 15px 30px;
	text-decoration: none;


	/* The pulse effect */
	box-shadow: 0 0 0 0 rgba(83, 194, 34, 1);
	transform: scale(1);
	animation: pulse 2s infinite;
}

@keyframes pulse {
	0% {
		transform: scale(0.97);
		box-shadow: 0 0 0 0 rgba(83, 194, 34, 0.7);
	}
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 8px rgba(83, 194, 34, 0);
	}
	100% {
		transform: scale(0.97);
		box-shadow: 0 0 0 0 rgba(83, 194, 34, 0);
	}
}