/* Wrapper */
.set_12_icon-button {
	background-color: #666;
	border-radius: 3.6rem;
	cursor: pointer;
	display: inline-block;
	font-size:27px;
	height: 3.6rem;
	line-height: 3.6rem;
	margin: 0 6px;
	position: relative;
	text-align: center;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	width: 3.6rem;
	text-decoration:none;
}

/* Circle */
.set_12_icon-button span {
	border-radius: 0;
	display: block;
	height: 0;
	left: 50%;
	margin: 0;
	position: absolute;
	top: 50%;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
	width: 0;
}
.set_12_icon-button:hover span {
	width: 3.6rem;
	height: 3.6rem;
	border-radius: 3.6rem;
	margin: -1.8rem;
}
.twitter span {
	background-color: #55c5f5;
}
.facebook span {
	background-color: #3B5998;
}
.google-plus span {
	background-color: #db5a3c;
}
.linkedin span {
	background-color: #1d82d4;
}
.pinterest span {
	background-color: #b8252b;
}

/* Icons */
.set_12_icon-button i {
	background: none;
	color: #fff !important;
	height: 3.6rem;
	left: 0;
	line-height: 3.6rem;
	position: absolute;
	top: 0;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
	width: 3.6rem;
	z-index: 10;
}
.set_12_icon-button .fa fa-twitter{
	color: #4099ff !important;
}
.set_12_icon-button .fa fa-facebook{
	color: #3B5998;
}
.set_12_icon-button .fa fa-google-plus {
	color: #db5a3c;
}
.set_12_icon-button:hover .fa fa-twitter,
.set_12_icon-button:hover .fa fa-facebook,
.set_12_icon-button:hover .fa fa-linkedin,
.set_12_icon-button:hover .fa fa-pinterest-p,
.set_12_icon-button:hover .fa fa-google-plus {
	color: #fff !important;
}