.social {
  margin:20px auto;
  width:240px;
  text-align:center;
}
.icon {
	position:relative;
	text-align:center;
	width:0px;
	height:0px;
	padding:30px;
	border-top-right-radius: 	30px;
	border-top-left-radius: 	30px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 	30px; 
	-moz-border-radius: 		30px 30px 30px 30px;
	-webkit-border-radius: 		30px 30px 30px 30px;
	-khtml-border-radius: 		30px 30px 30px 30px; 	
	color:#FFFFFF;
}
.icon i {
	font-size:30px;
	position:absolute;
	left:19px;
	top:20px;
}
.icon.social {
	float:left;
	margin:0 20px 0 0;
	cursor:pointer;
	background:#C36E6E ;
	color:#fff;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 	
}
.icon.social:hover {
	background:#DE7B7B;
	color:#fff;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}
.icon.social.facebook i {
	left:21px;
	top:15px;
}
.icon.social.apple i {
	left:18px;
    top:15px;
}
.icon.social.android i {
	left:18px;
    top:15px;
}