Widget:Discord

   <a href="https://discord.gg/grandlineadventures" target="_blank"
       style="margin: 0 20px; font-size: 37px; color: #7289DA; text-decoration: none; display: inline-block; transition: transform 0.3s ease;">
       
   </a>
   <a href="https://www.facebook.com/grandlineadventures" target="_blank"
       style="margin: 0 20px; font-size: 36px; color: #4267B2; text-decoration: none; display: inline-block; transition: transform 0.3s ease;">
       
   </a>
   <a href="https://www.instagram.com/grandlineadventures/" target="_blank"
       style="margin: 0 20px; font-size: 38px; color: #E4405F; text-decoration: none; display: inline-block; transition: transform 0.3s ease;">
       
   </a>
   <a href="https://www.tiktok.com/@grandlineadventures" target="_blank"
       style="margin: 0 20px; font-size: 34px; color: #010101; text-decoration: none; display: inline-block; transition: transform 0.3s ease;">
       
   </a>
   <a href="https://www.twitch.tv/grandlineadventures" target="_blank"
       style="margin: 0 20px; font-size: 34px; color: #9146FF; text-decoration: none; display: inline-block; transition: transform 0.3s ease;">
       
   </a>
   <a href="https://grandlineadventures.com/#download" target="_blank"
       style="margin: 0 20px; font-size: 34px; color: #333; text-decoration: none; display: inline-block; transition: transform 0.3s ease;">
       
   </a>

<style>

   a .fab, a .fas {
       line-height: 1;
   }

   /* Gradiente aplicado no hover */
   a:hover .fab.fa-discord {
       background: linear-gradient(90deg, #7289DA, #99aaff);
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
       transform: scale(1.05);
   }

   a:hover .fab.fa-facebook {
       background: linear-gradient(90deg, #1877F2, #4267B2);
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
       transform: scale(1.05);
   }

   a:hover .fab.fa-instagram {
       background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
       transform: scale(1.05);
   }

   a:hover .fab.fa-tiktok {
       background: linear-gradient(90deg, #69C9D0, #ee1d52);
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
       transform: scale(1.05);
   }

   a:hover .fab.fa-twitch {
       background: linear-gradient(90deg, #9146FF, #b083ff);
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
       transform: scale(1.05);
   }

   a:hover .fas.fa-download {
       background: linear-gradient(90deg, #000000, #666666);
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
       transform: scale(1.05);
   }

</style>