* {
	padding:0;
	margin:0;
	text-decoration:none;
}

body {
	background:white;
}

.flex-wrap {
	width:100%;
	height:100vh;
	display:flex;
	align-items:center;
	justify-content:center;
}

a {
	opacity:0.8;
	transition:all 0.5s ease-in-out;
}

a:hover {
	opacity:1;
}

a div {
	background-image:url('images/mail.png');
	background-repeat:no-repeat;
	background-position:center right;
	width:0;
	height:66px;
	display:inline-block;
	transition:all 0.5s ease-in-out;
}

a:hover div {
	width:44px;
}