.social-icons > ul {
    overflow: hidden;
}

    .social-icons > ul > li {
        position: relative;
        padding: 0;
        border: 1px solid rgba(0, 0, 0, 0.2);
        overflow: hidden;
    }

.social-icons [class^="fa-"]:before,
.social-icons [class*=" fa-"]:before {
    font-size: 11px;
}

.social-icons [class^="fa-"],
.social-icons [class*=" fa-"] {
    margin-top: 0px;
    color: #444;
    float: left;
}

[class$="-metro-but-16"],
[class*="-metro-but-16"] {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
}

    [class$="-metro-but-16"] a,
    [class*="-metro-but-16"] a {
        float: left;
        position: relative;
        padding: 8px;
        line-height: 15px;
    }

    [class$="-metro-but-16"] .mask-background,
    [class*="-metro-but-16"] .mask-background {
        display: none;
    }

    [class$="-metro-but-16"]:hover .mask-background,
    [class*="-metro-but-16"]:hover .mask-background {
        display: block;
    }

    [class$="-metro-but-16"]:hover [class^="fa-"],
    [class$="-metro-but-16"]:hover [class*=" fa-"],
    [class*="-metro-but-16"]:hover [class^="fa-"],
    [class*="-metro-but-16"]:hover [class*=" fa-"] {
        color: #fff;
    }

.linkedin-metro-but-16 .mask-background {
    background-color: #0077b5;
}

.fb-metro-but-16 .mask-background {
    background-color: #3B5998;
}

.twitter-metro-but-16 .mask-background {
    background-color: #00ACED;
}

.x-twitter-metro-but-16 .mask-background {
    background-color: #000000;
}

.instagram-metro-but-16 .mask-background {
    background-color: #cd486b;
}

.youtube-metro-but-16 .mask-background {
    background-color: #CD332D;
}

.rss-metro-but-16 .mask-background {
    background-color: #FF8300;
}

.newsletter-metro-but-16 .mask-background {
    background-color: #EC1952;
}