Buttons

<div class="bd-example">
    <a href="#!" class="butn secondary sm m-1">Button</a>
    <a href="#!" class="butn secondary md m-1">Button</a>
    <a href="#!" class="butn secondary m-1">Button</a>
</div>
                                

<div class="bd-example">
    <a href="#!" class="butn-style01 secondary sm m-1"><span>Button</span></a>
    <a href="#!" class="butn-style01 secondary md m-1"><span>Button</span></a>
    <a href="#!" class="butn-style01 secondary m-1"><span>Button</span></a>
</div>
                                

<div class="bd-example">
    <button type="button" class="btn btn-outline-primary m-1">Primary</button>
    <button type="button" class="btn btn-outline-secondary m-1">Secondary</button>
    <button type="button" class="btn btn-outline-success m-1">Success</button>
    <button type="button" class="btn btn-outline-danger m-1">Danger</button>
    <button type="button" class="btn btn-outline-warning m-1">Warning</button>
    <button type="button" class="btn btn-outline-info m-1">Info</button>
    <button type="button" class="btn btn-outline-light m-1">Light</button>
    <button type="button" class="btn btn-outline-dark m-1">Dark</button>
</div>