Bootstrap

Button links

Bootstrap buttons met een cirkel eromheen
<a class="btn btn-warning btn-circle" href="#" role="button"><i class="fab fa-facebook"></i></a>
<button type="button" class="btn btn-warning btn-circle"><i class="fab fa-facebook"></i></button>

<style>
.btn-circle {
width: 40px;
height: 40px;
padding: 5px 0px;
border-radius: 20px;
text-align: center;
font-size: 20px;
}
.btn-circle:hover {
color: #ffffff;
}
.btn-fab:hover {
color: #ffffff;
}
</style>