style.css

.facebook {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	padding: 12px 24px;
	border: 1px solid lightgray;
	border-radius: 8px;
	background: #75d8ff;
	background: -webkit-gradient(linear, left top, left bottom, from(#75d8ff), to(#4784a9));
	background: -moz-linear-gradient(top, #75d8ff, #4784a9);
	background: linear-gradient(to bottom, #75d8ff, #4784a9);
	-webkit-box-shadow: #7ae2ff 0px 0px 5px 0px;
	-moz-box-shadow: #7ae2ff 0px 0px 5px 0px;
	box-shadow: #7ae2ff 0px 0px 5px 0px;
	text-shadow: #335e79 0px 0px 0px;
	font: normal 20px arial;
	color: #ffffff;
	text-decoration: none;
}

.facebook:hover,
.facebook:focus {
	border: 1px solid #66bcf2;
	background: #8cffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#8cffff), to(#559ecb));
	background: -moz-linear-gradient(top, #8cffff, #559ecb);
	background: linear-gradient(to bottom, #8cffff, #559ecb);
	color: #ffffff;
	text-decoration: none;
}

.facebook:active {
	background: #4784a9;
	background: -webkit-gradient(linear, left top, left bottom, from(#4784a9), to(#4784a9));
	background: -moz-linear-gradient(top, #4784a9, #4784a9);
	background: linear-gradient(to bottom, #4784a9, #4784a9);
}

.facebook:after {
	content: "\0000a0";
	display: inline-block;
	height: 24px;
	width: 24px;
	line-height: 24px;
	margin: 0 -4px -6px 4px;
	position: relative;
	top: 0px;
	left: 0px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAADPklEQVRIia2Wz2tcVRTHP+fOm5jEqXSRRikIdkQXkVp0qitxU7oQQbKQFkkqrgTNuJDWxvwFoSvRxlVBSMmkEEstXbgyIC6kEKMuaqkLx6qgoS1Cm4gkM/O+Xdz73rszmQSFnmF43/tjzr3nc895dwxw9LHD9QaCKnAMOAKMAaNh+BbYddAysOSca6588kY/N1hYII0XqtUbVWDWYBwsARDCMLwmKJCpjbgMTK/OTTQjPyng4gUYe3fJDbnWJPApWMXMu5Ig12EhSWAUGjaAKW3uWfj+3GvZhtN812PvLLkh1zoNzBtWMUAy8H4KLUKfdWuoGDZvD62frr19Jd90Evy7oVJrEpg1yyCwHUcXW+XtWAOzDKz/CSzkZxCY/2BmFQAp8DYIJBgeTPjg9RovPP0oSckHfvLcN/z0298ZIswKXAaHvpubaCYhW2aBClLYsfljVbH7t46O8eqLB4gtKbkcESjWFcGZ2tSF40lIxXEzo9uMuOe5J0cxM35du8uFr3+m3RF/3F73UUbzM400jqXVBJ/nPhUFZnSFnCEbHkyQxJcrN/ni2188dWVzFA4risQskXQswRdR4J4xzxCJR4YHOFTdx8ODZQAe37eHl57ZD8DVG2u022k/RFkoR6xWb/xlZo9lKOKsATh4YITP3j9Kr222Orx86nNSxdlEt5bWEmBUUsiAPohUtGP7/fY6nTTdEZHXjFit3ugArmv54pzzvsUPX+Gp/Xs5e+VHzn91w1ecwqSdNGonwC0jIOpNpJ6+7ND9w6Kx/lrijgO77ite/oQJSLJoVEQRo5KU1+9O2uCa869cFb6yRXo+sSnLBO2uBcsOWMJoG4ZZzzfq60VUjO2k1QYuOudcE3H5QSOSuISp6cJNNI3Y2A3Rxr8t7v6zxeZW578gugfMrJ6dTPMLp1ZvvGnYfN9M+j/mC+/E6tzEIkTX5NZAZ0FoRuEV0Q+Rr6FdMsc7ny6Xk8XwiyICgGdPnnflzVK4Mqlsr32KxvbiugdMlcvJ4tWPjqfRzL6X/hPAGYxxC5f+LkzaEpdAM6tzkzd7R7siCOaA9Pn3FpxhVdT1t2UkzLljcE2wDFx0pbS58vGJtMeXA9L7ZM7RMjhGD2YAAAAASUVORK5CYII=") no-repeat left center transparent;
	background-size: 100% 100%;
}

.twitter {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	padding: 12px 24px;
	border: 1px solid lightgray;
	border-radius: 8px;
	background: #75d8ff;
	background: -webkit-gradient(linear, left top, left bottom, from(#75d8ff), to(#4784a9));
	background: -moz-linear-gradient(top, #75d8ff, #4784a9);
	background: linear-gradient(to bottom, #75d8ff, #4784a9);
	-webkit-box-shadow: #7ae2ff 0px 0px 5px 0px;
	-moz-box-shadow: #7ae2ff 0px 0px 5px 0px;
	box-shadow: #7ae2ff 0px 0px 5px 0px;
	text-shadow: #335e79 0px 0px 0px;
	font: normal 20px arial;
	color: #ffffff;
	text-decoration: none;
}

.twitter:hover,
.twitter:focus {
	border: 1px solid #66bcf2;
	background: #8cffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#8cffff), to(#559ecb));
	background: -moz-linear-gradient(top, #8cffff, #559ecb);
	background: linear-gradient(to bottom, #8cffff, #559ecb);
	color: #ffffff;
	text-decoration: none;
}

.twitter:active {
	background: #4784a9;
	background: -webkit-gradient(linear, left top, left bottom, from(#4784a9), to(#4784a9));
	background: -moz-linear-gradient(top, #4784a9, #4784a9);
	background: linear-gradient(to bottom, #4784a9, #4784a9);
}

.twitter:after {
	content: "\0000a0";
	display: inline-block;
	height: 24px;
	width: 24px;
	line-height: 24px;
	margin: 0 -4px -6px 4px;
	position: relative;
	top: 0px;
	left: 0px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAD0ElEQVRIiYWW32tcRRTHP2f2ZneTbBJJQkibtsY8BAm+KLSKL0WCb6WUdjeiiX9BoVAslr7Zp+IfUPDVFgLNboIEAkKID4IPYsVfsKCVNUTTaEyMSROzm92d48PMvXs33OjALN+dH+d85zvnnLkCGBJafn4HrB0DpoBJYAIY8tObQBlYAeYsUlko9CeZQbwDG3eUL26PiXBPVa4gBACogohfoX4roNoAFkDvlAqDlZgdC5i4A6YfbJhaZ3oGuI+QEwT1BkMs3raqGwsxsAdcP8xUZ5cuj4SEbcR6+sGGqXWl3xfhYxHJRQzjbFHU/4pIGwbpReRhZy1769LiekQ6dGBqnekZgXuOErEubVhCd0oCVgT5MFvLvuNtO4nyxe1R4DvHvJ23eu0jDKSM8HxfiqbCr7tNrHoZBVQF0D2Fl+cLAxXJz+8YUftIlXwoxfnTHTzeqKMaugrjQTnXl+LWazmGc+7wq7tNFn+qMd6fYq5cZb+ufovOKfK2wdoxVbkiIohANoAbF7qZfqmTwIAbd3NGhJuv5jjVk4rGX3gu4Mb5LrrTwnDOOKkcz6uCjhlgCjTAS2AVmqpcHs/wwcUeXhwI/NXCqZxhpMcQrg0lA/i7qlR2mu7UCiISAFMBMAniFwtHTfhirc6bY2nG+1PcvZjjt2eW7/+oU21oZDy6K4+XnlSxznJc2skAmHBHcufKBq7XmpAN3NjZ3hRne1Oc1Kwqz458XkSmBEUnDDAUslBVqg0Y7DJkUi2G8fkkvLbbpNEM18fiAgaN8yUQZqbCR1//w8a+TZQiCX+5Xg//RSkZejHAporPJ3EZs3HQ5PHTOoeNeBQl98MGrPxSQ8PS5G35tmWAciutWqt++LNOSv5fokflQ3aq1hN2SkQYygZYERVE1RUyn/bf/t7gveU9Pl87OlGiz1aP+PTnGhJdr7ZhYDkA5hS968qykusw9GWF07kUF0Y6eP1M2hezVmtY5ZMfqxTLVRRF/bwQk0dpAKXAIhWDLoBMgUuyV4bTvDGa4UwsqUSE/SPLV0/rLD2psbbX9E+ElwWBOIYFUan4Yrc1CvKNIL3xGOjNCEPdhpTAbk3ZPLB+v7aoJmJX7EqFgUr04OSL2zPAQ1fnHQtX3pKwRgGZiFXfLRUGZsMwBaCaqc4CtzWMteiejuGkaPHY7dXb2INZb9a2PZmXFteNfyzug/SG0aBtkSH/Jct17MFs6a1zNiSe+OhfK26PuteNqy66Tpao9ehzp1QYWOVYazuBbwaw14p/GUGPf7YM+jVbuM+WZaAkKpXiVL89ZssA9l+BGwedBX3jCgAAAABJRU5ErkJggg==") no-repeat left center transparent;
	background-size: 100% 100%;
}