Widget:Gurren

<a

 href="https://discord.gg/SEULINK"
 class="social-widget"
 target="_blank"
 rel="noopener"

>

 <img
   src="https://cdn.simpleicons.org/Discord/ffffff"
   alt="Discord"
   class="social-icon"
 />
 Discord

</a>

<style>

 .social-widget {
   display: block;
   position: relative;
   width: 100%;
   height: 2.5em;
   margin-bottom: 0.75em;
   padding-left: 3em;
   border-radius: 0.75em;
   background: url('https://i.imgur.com/1PfRfYA.png') center/cover no-repeat;
   color: #fff;
   font-weight: bold;
   line-height: 2.5em;
   text-decoration: none;
   box-sizing: border-box;
   overflow: hidden;
 }
 .social-widget .social-icon {
   position: absolute;
   top: 50%;
   left: 0.6em;
   width: 1.5em;
   height: 1.5em;
   transform: translateY(-50%);
 }

</style>

<a

 href="https://discord.gg/SEULINK"
 class="social-widget"
 target="_blank"
 rel="noopener"

>

 <img
   src="https://cdn.simpleicons.org/Discord/ffffff"
   alt="Discord"
   class="social-icon"
 />
 Discord

</a>