<a href="https://twitter.com/PKST_puyo2?ref_src=twsrc%5Etfw" class="twitter-follow-button" data-show-count="false">Follow @PKST_puyo2</a>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

/********************/
/*twitterのボタン*/
/********************/
.twitter_btn{/*ボタンの下地*/
  color: #FFF;/*文字・アイコン色*/
  border-radius: 12px;/*角丸に*/
  position: relative;
  display: inline-block;
  height: 20px;/*高さ*/
  width: 220px;/*幅*/
  text-align: center;/*中身を中央寄せ*/
  font-size: 12px;/*文字のサイズ*/
  line-height: 20px;/*高さと合わせる*/
  background-color: #1D9BF0;
  text-decoration:none;/*下線は消す*/
}

.twitter_btn .fa-twitter {/*アイコン*/
  font-size: 12px;/*アイコンサイズ*/
  position: relative;
  right: 2px;
}

.twitter_btn span {
  position: relative;
}

.twitter_btn:hover{
  color: #FFF;
  background-color: #0C7ABF;
}

<a href="https://twitter.com/PKST_puyo2" class="twitter_btn"><i class="fab fa-twitter"></i><span>@PKST_puyo2さんをフォロー</span></a>