.fox-icon-wrapper {
display: inline-block;
margin: 0 2px 5px 0;
}
.fox-icon {
display: block;
width: 24px;
height: 24px;
line-height: 24px;
border-radius: 50%;
border: 2px solid;
text-align: center;
color: inherit;
outline: 0 !important;
text-decoration: none;
&:not(.custom-color):hover {
background: #111;
border-color: #111;
color: white;
}
i {
display: block;
line-height: inherit;
}
}
.icon-wrapper-left,
.icon-wrapper-right,
.icon-wrapper-center {
display: block;
.fox-icon {
display: inline-block;
}
}
.icon-wrapper-left {
text-align: left;
}
.icon-wrapper-center {
text-align: center;
}
.icon-wrapper-right {
text-align: right;
}