Source code
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
<h4>Color coding space backgrounds based on restriction level</h4>
<br>
<div class="btn-group" role="group" aria-label="Showcase spaces">
<a class="btn btn-success" href="https://pga.atlassian.net/wiki/spaces/TPUBLIC/overview" target="_blank">Public Space</a>
<a class="btn btn-warning" href="https://pga.atlassian.net/wiki/spaces/TCOMPANY/overview" target="_blank">Company Space</a>
<a class="btn btn-danger" href="https://pga.atlassian.net/wiki/spaces/TPROJECT/overview" target="_blank">Project Space</a>
</div>Ouput
Examples source
https://getbootstrap.com/docs/4.6/examples/