Circular Background for Font Awesome Icons

style.css

.textwidget i {
	background: none;
	border: 3px solid #eee;
	border-radius: 50%;
	box-sizing: content-box;
	color: #c7ad7b;
	display: inline-block;
	font-size: 3.42857rem;
	height: 3.42857rem;
	padding: 30px;
	width: 3.42857rem;
	-moz-transition: color 0.2s linear;
	-o-transition: color 0.2s linear;
	-webkit-transition: color 0.2s linear;
	transition: color 0.2s linear;
}
	
.textwidget i:hover {
	color: black;
}