nav.social-navigation ul,
.social-links-menu {
    list-style: none;
    margin: 0;
    
    @include flex;

    li {

        margin-right: 20px;

        &:last-child {
            margin-right: 0;
        }

        a {
            font-size: 18px;
            font-size: 1.125rem;
            opacity: 0.3;
            position: relative;
            transition: none;

            &:hover {
                opacity: 1;
            }
        }

        &:last-child a {
            margin-right: 0;
        }
    }
}