.fa { padding: 10px; font-size: 20px; width: 35px; height: 35px; text-align: center; text-decoration: none; margin: 5px 4px; border-radius: 50%;}
.fa:hover { opacity: 0.7;}

@import url("maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");

a.btn-social,
.btn-social {
    border-radius: 50%;
    color: #ffffff !important;
    display: inline-block;
    height: 45px;
    width: 45px;
    line-height: 54px;
    margin: 8px 4px;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s;
}

.btn-social .fa,.btn-social i {
    backface-visibility: hidden;
    transform: scale(1);
    transition: all .25s;
}

.btn-social:hover,.btn-social:focus {
    color: #fff;
    outline: none;
    text-decoration: none;
}

.btn-social:hover .fa,.btn-social:focus .fa,.btn-social:hover i,.btn-social:focus i {
    transform: scale(1.3);
}

.btn-facebook {
    background-color: #3b5998; color: white; border: 0.1rem solid; border-color: #FFFFFF;
}
.btn-facebook:hover {
    background-color: #4c70ba;
}
.fa-facebook-f:before, .fa-facebook:before {
    content: "\f09a";
    position: absolute;
    top: 0.375em;
    left: 0.575em;
}

.btn-instagram {
    background: #cc12cc; color: white; border: 0.1rem solid; border-color: #FFFFFF;
}
.btn-instagram:hover {
    background: #da15da;
}
.fa-instagram:before {
    content: "\f16d";
    position: absolute;
    top: 0.375em;
    left: 0.475em;
}

.btn-linkedin {
    background-color: #0976b4; color: white; border: 0.1rem solid; border-color: #FFFFFF;
}
.btn-linkedin:hover {
    background-color: #0b96e5;
}
.fa-linkedin:before {
    content: "\f0e1";
    position: absolute;
    top: 0.325em;
    left: 0.475em;
}