.tt-social {
    &::before {
        content: "";
        display: block;
        height: 1em;
        width: 1em;
        background-size: 100% 100%;
        background-image: var(--social-icon);
        background-repeat: no-repeat;
    }
}

.apple {
    --social-icon: url('./apple.svg')
}

.google {
    --social-icon: url('./google.svg')
}

.microsoft {
    --social-icon: url('./microsoft.svg')
}

.gdo {
    --social-icon: url('./gdo.svg')
}