<div class="p1">
<button class="btn btn-outline mb1 blue">Button</button>
<button class="btn btn-outline mb1 black">Button</button>
<button class="btn btn-outline mb1 navy">Button</button>
<button class="btn btn-outline mb1 olive">Button</button>
<button class="btn btn-outline mb1 red">Button</button>
<button class="btn btn-outline mb1 fuchsia">Button</button>
<button class="btn btn-outline mb1 purple">Button</button>
<button class="btn btn-outline mb1 maroon">Button</button>
</div>
<div class="p1 bg-black">
<button class="btn btn-outline mb1 aqua">Button</button>
<button class="btn btn-outline mb1 teal">Button</button>
<button class="btn btn-outline mb1 lime">Button</button>
<button class="btn btn-outline mb1 green">Button</button>
<button class="btn btn-outline mb1 yellow">Button</button>
<button class="btn btn-outline mb1 orange">Button</button>
<button class="btn btn-outline mb1 gray">Button</button>
<button class="btn btn-outline mb1 silver">Button</button>
</div>