button CONTACT US

@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700');

body {
	display:flex;
	justify-content:center;
	align-items:center;
	height:100vh;
	button {
		border:none;
		background: transparent;
		padding:0 24px;
		font-size:16px;
		line-height:52px;
		font-family:'Open Sans Condensed', sans-serif;
		position:relative;
		color:#3E4651;
		cursor:pointer;
		letter-spacing: 0.5px;
		&:before {
			content:'';
			position:absolute;
			left:0;
			top:0;
			width:50%;
			height:48px;
			background: transparent;
			border:2px solid #4AB9F2;
			z-index: -1;
			border-radius:5px;
			transition:0.3s ease-in-out;
		}
		&:after {
			content:'';
			position:absolute;
			left:50%;
			top:50%;
			transform:translate(-50%,-50%);
			background: #fff;
			height:30px;
			width:80%;
			z-index: -1;
			transition:0.3s linear;
		}
		&:hover:after {
			opacity:0;
			background: #4AB9F2;
		}
		&:hover {
			color:#fff;
		}
		&:hover:before {
			width:100%;
			background: #4AB9F2;
			box-shadow:0 10px 90px -2px rgba(#000,0.2);
		}
	}
}