How to Add WhatsApp and Telegram Group Join Buttons in WordPress Website Code

<div class="group-card whatsapp-card">
    <span style="display: flex; align-items: center;"><i class="fab fa-whatsapp"
            style="font-size:24px;color:#25d366;"></i>
        <span style="font-weight: bold; margin-left: 10px; font-size: 0.9rem !important;">WhatsApp Group</span>
    </span>
    <a class="seoquake-nofollow" href="YOUR_WHATSAPP_GROUP_LINK" rel="nofollow noopener noreferrer"
        target="_blank">
        <i class="fab fa-whatsapp"></i> Join Now
    </a>
</div>
<div class="group-card telegram-card">
    <span style="display: flex; align-items: center;"><i class="fab fa-telegram"
            style="font-size:24px;color:#004F7A;"></i>
        <span style="font-weight: bold; margin-left: 10px; font-size: 0.9rem !important;">Telegram Group</span>
    </span>
    <a class="seoquake-nofollow" href="YOUR_TELEGRAM_GROUP_LINK" rel="nofollow noopener noreferrer"
        target="_blank">
        <i class="fab fa-telegram"></i> Join Now
    </a>
</div>
<div class="group-card instagram-card">
    <span style="display: flex; align-items: center;"><i class="fab fa-instagram"
            style="font-size:24px;color:#E1306C;"></i>
        <span style="font-weight: bold; margin-left: 10px; font-size: 0.9rem !important;">Instagram Group</span>
    </span>
    <a class="seoquake-nofollow" href="YOUR_INSTAGRAM_GROUP_LINK" rel="nofollow noopener noreferrer"
        target="_blank">
        <i class="fab fa-instagram"></i> Join Now
    </a>
</div>