<div class="button-style-1">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<a href="#" class="btn btn-primary btn-rounded-1 btn-sm" title="Title">Button</a>
<a href="#" class="btn btn-primary btn-rounded-1" title="Title">Button</a>
<a href="#" class="btn btn-primary btn-rounded-1 btn-lg" title="Title">Button</a>
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<a href="#" class="btn btn-secondary btn-rounded-1 btn-sm" title="Title">Button</a>
<a href="#" class="btn btn-secondary btn-rounded-1" title="Title">Button</a>
<a href="#" class="btn btn-secondary btn-rounded-1 btn-lg" title="Title">Button</a>
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<a href="#" class="btn btn-dark btn-rounded-1 btn-sm" title="Title">Button</a>
<a href="#" class="btn btn-dark btn-rounded-1" title="Title">Button</a>
<a href="#" class="btn btn-dark btn-rounded-1 btn-lg" title="Title">Button</a>
</div>
</div>
</div>
</div>
</div>
<div class="button-style-2">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<a href="#" class="btn btn-primary btn-rounded-2 btn-sm" title="Title">Button</a>
<a href="#" class="btn btn-primary btn-rounded-2" title="Title">Button</a>
<a href="#" class="btn btn-primary btn-rounded-2 btn-lg" title="Title">Button</a>
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<a href="#" class="btn btn-secondary btn-rounded-2 btn-sm" title="Title">Button</a>
<a href="#" class="btn btn-secondary btn-rounded-2" title="Title">Button</a>
<a href="#" class="btn btn-secondary btn-rounded-2 btn-lg" title="Title">Button</a>
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<a href="#" class="btn btn-dark btn-rounded-2 btn-sm" title="Title">Button</a>
<a href="#" class="btn btn-dark btn-rounded-2" title="Title">Button</a>
<a href="#" class="btn btn-dark btn-rounded-2 btn-lg" title="Title">Button</a>
</div>
</div>
</div>
</div>
</div>
<div class="button-style-3">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<a href="#" class="btn btn-primary btn-rounded-0 btn-sm" title="Title">Button</a>
<a href="#" class="btn btn-primary btn-rounded-0" title="Title">Button</a>
<a href="#" class="btn btn-primary btn-rounded-0 btn-lg" title="Title">Button</a>
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<a href="#" class="btn btn-secondary btn-rounded-0 btn-sm" title="Title">Button</a>
<a href="#" class="btn btn-secondary btn-rounded-0" title="Title">Button</a>
<a href="#" class="btn btn-secondary btn-rounded-0 btn-lg" title="Title">Button</a>
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<a href="#" class="btn btn-dark btn-rounded-0 btn-sm" title="Title">Button</a>
<a href="#" class="btn btn-dark btn-rounded-0" title="Title">Button</a>
<a href="#" class="btn btn-dark btn-rounded-0 btn-lg" title="Title">Button</a>
</div>
</div>
</div>
</div>
</div>
<div class="button-style-4">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<a href="#" class="btn btn-outline-primary btn-rounded-1 btn-sm" title="Title">Button</a>
<a href="#" class="btn btn-outline-primary btn-rounded-1" title="Title">Button</a>
<a href="#" class="btn btn-outline-primary btn-rounded-1 btn-lg" title="Title">Button</a>
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<a href="#" class="btn btn-outline-secondary btn-rounded-1 btn-sm" title="Title">Button</a>
<a href="#" class="btn btn-outline-secondary btn-rounded-1" title="Title">Button</a>
<a href="#" class="btn btn-outline-secondary btn-rounded-1 btn-lg" title="Title">Button</a>
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<a href="#" class="btn btn-outline-dark btn-rounded-1 btn-sm" title="Title">Button</a>
<a href="#" class="btn btn-outline-dark btn-rounded-1" title="Title">Button</a>
<a href="#" class="btn btn-outline-dark btn-rounded-1 btn-lg" title="Title">Button</a>
</div>
</div>
</div>
</div>
</div>
<div class="button-style-5">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<a href="#" class="btn btn-link btn-link-primary btn-sm" title="Title">BUTTON</a>
<a href="#" class="btn btn-link btn-link-primary" title="Title">BUTTON</a>
<a href="#" class="btn btn-link btn-link-primary btn-lg" title="Title">BUTTON</a>
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<a href="#" class="btn btn-link btn-link-secondary btn-sm" title="Title">BUTTON</a>
<a href="#" class="btn btn-link btn-link-secondary" title="Title">BUTTON</a>
<a href="#" class="btn btn-link btn-link-secondary btn-lg" title="Title">BUTTON</a>
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="item">
<a href="#" class="btn btn-link btn-link-dark btn-sm" title="Title">BUTTON</a>
<a href="#" class="btn btn-link btn-link-dark" title="Title">BUTTON</a>
<a href="#" class="btn btn-link btn-link-dark btn-lg" title="Title">BUTTON</a>
</div>
</div>
</div>
</div>
</div>