<div class="widget follow-us">
  <h3 class="widget-title">Follow Us</h3>
  <div class="share-links">
    <a href="#" rel="nofollow" target="_blank" title="Facebook" class="share-facebook">Facebook</a>
    <a href="#" rel="nofollow" target="_blank" title="Twitter" class="share-twitter">Twitter</a>
    <a href="#" rel="nofollow" target="_blank" title="Instagram" class="share-instagram">Instagram</a>
    <a href="#" rel="nofollow" target="_blank" title="Linkedin" class="share-linkedin">Linkedin</a>
  </div>
</div>
<style>
.footer .follow-us .share-links a {
    box-shadow: none;
    font-size: 24px;
    width: 2.25em;
    height: 2.25em;
    border: 1px solid #d0d0d0;
    border-radius: 30px;
}
.footer .follow-us .share-links a:not(:hover) {
    background: none;
    color: #222529;
}
</style>