{{if discord_server_id.server_id}}
<div style="background-color: rgba(255,255,255, 0.1); text-shadow: 1px 1px 6px #797979;"
    class="px-4 py-3 flex rounded-md mt-4 md:mt-0">
    <a href="https://discord.com/channels/{{discord_server_id.server_id}}">
        <div class="mr-4 mt-1 p-3 rounded-md transition delay-150 duration-300 ease-in-out hover:-translate-y-1 hover:scale-110"
            style="background-color: rgba(57,190,255, 0.1);">
            <i class="text-white text-2xl fa-brands fa-discord bg-[#39BEFF] px-2 py-2 rounded-md"
                aria-hidden="true"></i>
        </div>
    </a>
    <div class="">
        <h5 class="text-xl font-bold uppercase text-white">Discord server</h5>
        <p class="text-gray-300"><span class="text-green-500 discord-online-users">3</span> online</p>
    </div>
</div>
{{/if}}