a{
  text-decoration: none;
}

.social{
  width: 100%;
  position:relative;
  margin: 25px auto;
}
.social a{
    position: relative;
    display: inline-block;
    font-family: "icomoon";
    font-size: 1.2em;
    width: 250px;
    height: 250px;
    padding: 20px;
    line-height: 40px;
    color: white;
    border-radius: 50%;
    text-align: left;
    margin-bottom:  30px;
    font-smoothing: antialiased;
}
.social .fb{
   border: solid 2px #ffffff;
}
.social .fb:before,
.social .fb:after{
    border: solid 1px #ffffff;
}

.social .tw{
    background: #00ACEE;
}
.social .tw:before,
.social .tw:after{
    border-color: #00ACEE;
}

.social .gp{
    background: #DD4B39;
}
.social .gp:before,
.social .gp:after
{
    border-color: #DD4B39;
}
.social a:before,
.social a:after{
    content: "";
    display: block;
    position: absolute;
    background: transparent;
    top: 0; bottom: 0; left: 0; right: 0;
    border-radius: 50%;
    transition: .3s all;
    border: 3px solid;
}
.social a:hover:after{
   -webkit-transform: scale(1.5);
}
.social a:hover:before{
    -webkit-transform: scale(2);
    transition: .3s all;
    opacity: 0;
}