@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css);

 .social-icons {
	 padding: 0;
	 list-style: none;
	 /* margin: 0.5em; */
}
 .social-icons li {
	 display: inline-block;
	 /* margin: 0.15em; */
	 position: relative;
	 font-size: 8px;
}
 .social-icons i {
	 color: #fff;
	 position: absolute;
	 top: 13px;
	 left: 14px;
	 transition: all 265ms ease-out;
}
 .social-icons a {
	 display: inline-block;
}


 .social-icons a:before {
	 transform: scale(1);
	 -ms-transform: scale(1);
	 -webkit-transform: scale(1);
	 content: " ";
	 width: 45px;
	 height: 45px;
	 border-radius: 100%;
	 display: block;
	 background: linear-gradient(45deg, #910b16, #a91e29);
	 transition: all 265ms ease-out;
}


 .social-icons a:hover:before {
	 transform: scale(0);
	 transition: all 265ms ease-in;
}
 .social-icons a:hover i {
	 transform: scale(2.2);
	 -ms-transform: scale(2.2);
	 -webkit-transform: scale(2.2);
	 color: #a91e29;
	 background: -webkit-linear-gradient(45deg, #910b16, #a91e29);
	 -webkit-background-clip: text;
	 -webkit-text-fill-color: transparent;
	 transition: all 265ms ease-in;
}
 .social-icons a.social-square:before {
	 background: linear-gradient(45deg, #7b00e0, #a91e29);
	 border-radius: 10%;
}
 .social-icons a.social-square:hover:before {
	 transform: rotate(-180deg);
	 -ms-transform: rotate(-180deg);
	 -webkit-transform: scale(-180deg);
	 border-radius: 100%;
}
 .social-icons a.social-square:hover i {
	 transform: scale(1.6);
	 -ms-transform: scale(1.6);
	 -webkit-transform: scale(1.6);
	 color: #fff;
	 transform: scale(1.6);
	 -webkit-text-fill-color: #fff;
}