a.btn_24 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 60%;
	margin: auto;
	padding: 1.2rem 2rem;
	font-weight: bold;
	border-radius: 4px;
	border: 3px solid #27acd9;
 	background-color: #27acd9;
	color: #fff;
	position: relative;
 	overflow: hidden;
 	z-index: 1;
	transition: all 0.2s ease-in;
	margin-bottom:100px;
}

@media only screen and (max-width:768px) {
a.btn_24 {
	width:94%;
}}


a.btn_24:before {
 content: "";
 position: absolute;
 left: 50%;
 transform: translateX(-50%) scaleY(1) scaleX(1.25);
 top: 100%;
 width: 140%;
 height: 180%;
 background-color: rgba(0, 0, 0, 0.05);
 border-radius: 50%;
 display: block;
 transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
 z-index: -1;
}
 
a.btn_24:after {
 content: "";
 position: absolute;
 left: 55%;
 transform: translateX(-50%) scaleY(1) scaleX(1.45);
 top: 180%;
 width: 160%;
 height: 190%;
 background-color: #188cb3;
 border-radius: 50%;
 display: block;
 transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
 z-index: -1;
}
 
a.btn_24:hover {
 color: #ffffff;
 border: 3px solid #188cb3;
}
 
a.btn_24:hover:before {
 top: -35%;
 background-color: #188cb3;
 transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}
 
a.btn_24:hover:after {
 top: -45%;
 background-color: #188cb3;
 transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}