<social-links>
    <div class="social d-flex justify-content-center align-middle">
        <a class="mx-2" href="#!"><i class="fab fa-discord fa-2x"></i></a>
        <a class="mx-2" href="#!"><i class="fab fa-youtube fa-2x"></i></a>
        <a class="mx-2" href="#!"><i class="fab fa-github fa-2x"></i></a>
        <a class="mx-2" href="#!"><i class="fab fa-twitter fa-2x"></i></a>
        <a class="mx-2" href="#!"><i class="fab fa-instagram fa-2x"></i></a>
        <a class="mx-2" href="#!"><i class="fab fa-linkedin fa-2x"></i></a>
        <a class="mx-2" href="#!"><i class="fab fa-facebook fa-2x"></i></a>
    </div>
</social-links>

<style>
    a{
        color: #00ff00;
    }
    a:hover{
        color: red;
    }
</style>