I'm using bootstrap and I have a couple social media buttons. I need them to be larger and I have made the social icon large enough, but I can't seem to get the text to likewise increase. Anyone have any ideas? HTML:
<a role="button" class="btn btn-primary btn-tw col-6 mx-1 my-1"
href="https://twitter.com/alvanhumane?lang=en" target="_blank"><i class="fab
fa-twitter-square fa-5x"></i> Twitter</a>
<a role="button" class="btn btn-primary btn-in col-6 mx-1 my-1"
href="https://www.instagram.com/explore/locations/99236675/al-van-humane-
society/" target="_blank"><i class="fab fa-instagram fa-5x"></i>
Instagram</a>
and CSS:
a.btn-tw {
background-color: #00acee;
font-size: 5em;
}
a.btn-in {
background-color: #3f729b;
font-size: 5em;
}