JSFiddle - React, Tailwind, and code Playground

HTML

<h1 id="find-me-on">Find me on :</h1>
<div id="button-block">
    <h2 id="find-me-on-instagram"><a href="http://www.instagram.com/kammalz">Instagram</a></h2>
    <h2 id="find-me-on-facebook"><a href="https://www.facebook.com/profile.php?id=100010956046050">Facebook</a></h2>
</div>

CSS

body {
        font-family : 'Baloo Thambi';
        background  : deepskyblue;
        color       : #fff;
      }

      #find-me-on{
        text-align : center;
      }

      a {
        text-decoration : none;
      }

      h2:hover {
        color         : orange;
        background    : yellow;
      }

      h2:focus {
        ;
      }

      #find-me-on-instagram, #find-me-on-facebook {
        display       : inline-block;
        border        : 5px solid #fff;
        border-radius : 10px;
        min-width     : 15%;
        text-align    : center;
        text-decoration : none;
      }
       
       #button-block {
         text-align: center;
       }