ul.social-icons {
    list-style-type: none;
    margin: 0 0 1rem 0;
    padding: 0;
}

ul.social-icons > li {
    margin: 0 0 1rem 0;
    line-height: 1.2rem;
}

ul.social-icons.horizontal {
    text-align: center;
    margin-left: -1rem;
    margin-right: -1rem;
}

ul.social-icons.horizontal > li {
    display: inline-block;
    margin-left: 1rem;
    margin-right: 1rem;
}

ul.social-icons a {
    display: inline-block;
    text-decoration: none;
}

ul.social-icons svg {
    fill: currentColor;
    vertical-align: middle;
    width: 2rem;
    height: 2rem;
}

ul.social-icons span {
    display: inline-block;
    margin-left: .75rem;
}