.hi-icon-wrap {
margin: 0 auto;
padding:0;
}
.hi-icon {
display: inline-block;
font-size: 0px;
cursor: pointer;
margin: 0;
width: 110px;
height: 110px;
border-radius: 50%;
position: relative;
z-index: 1;
color: #fff;
}
.hi-icon:after {
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
content: '';
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.hi-icon:before { } .hi-icon-effect-2 .hi-icon { }
.hi-icon-effect-2 .hi-icon:after {
top: -5px;
left: -5px;
padding: 0px;
z-index: 2;
background:transparent;
border:5px solid #ffffff;
-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
-moz-transition: -moz-transform 0.2s, opacity 0.2s;
transition: transform 0.2s, opacity 0.2s;
} .no-touch .hi-icon-effect-2a .hi-icon:hover {
}
.no-touch .hi-icon-effect-2a .hi-icon:hover:after {
-webkit-transform: scale(0.85);
-moz-transform: scale(0.85);
-ms-transform: scale(0.85);
transform: scale(0.85);
}