.button{
	display:inline-flex;
	height:40px;
	padding:0px;
	background:#009578;
	border:none;
	outline:none;
	border-radius:5px;
	overflow:hidden;
	font-family:'Quicksnd', sans-serif;
	font-size:16px;
	font-weight:500;
	margin-top:1.5em;
	margin-bottom:-1.5em;
	cursor:pointer;
	
}
.button:hover{
	background:#008168;
}
.button:active{
	background:#006e58;
}
.button__text,
.button__icon{
	
	display:inline-flex;
	align-items:center;
	padding:0 24px;
	color:#fff;
	height:100%;
}
.button__icon{
	font-size:1em;
	background:rgba(0,0,0,0.08);
}

.btn{
	border: 1px solid #3498db;
	background:none;
	padding:10px 20px;
	font-size:20px;
	font-family: "montserrat";
	cursor: pointer;
	margin:10px;
	transition: 0.8s;
	position: relative;
	overflow: hidden;
	
	
}
.btn1, .btn2, .btn3{
	
	color:#3498db;
}
.btn1:hover, .btn2:hover, .btn3:hover{
	
	color:#fff;
}
.btn::before{
	content:"";
	position: absolute;
	left: 0;
	width: 100%;
	height:0;
	background: #3498db;
	z-index: -1;
	transition: 0.8s;
}
.btn1::before,.btn3::before,.btn3::before{
	top:0;
	border-radius: 0 0 50% 50%;
}
.btn1:hover::before,.btn2:hover::before,.btn3:hover::before{
	height:100%;
}