Widget:SocialButtons

<style>
.social-links a {
  display: flex;
  justify-content: center;
  align-items: center;
  
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  margin: 0.5em;
  background: red;
  border-radius: 10px;
  margin-bottom: .75em;

  opacity: 0.7;
}

.card.card-header .social-links a:hover {
  opacity: 1;
}

.social-links .discord { background: #5865f2; }
.social-links .kofi { background: #00b9fe; }

.social-links .discord img { transform: translate(0px, 1px); }
.social-links .kofi img { transform: translate(2px, 0px); }
</style>

<div class="social-links">
  <a class="discord" href="https://discord.gg/esJuPhs" title="Discord">
    <img src="https://gbf.wiki/images/1/15/DiscordMini.png" width="27" class="mp-img">
  </a>
  <a class="kofi" href="https://ko-fi.com/gbfwiki" title="Kofi">
    <img src="https://gbf.wiki/images/d/d5/KofiLogo.png" width="27" class="mp-img">
  </a>
</div>