Buttons Style 1
<section class="buttons elements-page">
<div class="container">
<div class="buttons-block">
<div class="buttons1">
<div class="row">
<div class="col-md-4 col-sm-6">
<div class="button-block">
<a title="Button-large" href="#" class="btn br-4 btn-primary btn-lg">Button Large</a>
<a title="Button-medium" href="#" class="btn br-4 btn-primary btn-md">Button Default</a>
<a title="Button-small" href="#" class="btn br-4 btn-primary btn-sm">Button Small</a>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="button-block">
<a title="Button-large" href="#" class="btn br-4 btn-outline-primary btn-lg">Button Large</a>
<a title="Button-medium" href="#" class="btn br-4 btn-outline-primary btn-md">Button Default</a>
<a title="Button-small" href="#" class="btn br-4 btn-outline-primary btn-sm">Button Small</a>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="button-block">
<a title="Button-large" href="#" class="btn br-4 btn-dark btn-lg">Button Large</a>
<a title="Button-medium" href="#" class="btn br-4 btn-dark btn-md">Button Default</a>
<a title="Button-small" href="#" class="btn br-4 btn-dark btn-sm">Button Small</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Buttons Style 2
<section class="buttons elements-page">
<div class="container">
<div class="buttons-block">
<div class="buttons2">
<div class="row">
<div class="col-md-4 col-sm-6">
<div class="button-block">
<a title="Button-large" href="#" class="btn br-0 btn-primary btn-lg">Button Large</a>
<a title="Button-medium" href="#" class="btn br-0 btn-primary btn-md">Button Default</a>
<a title="Button-small" href="#" class="btn br-0 btn-primary btn-sm">Button Small</a>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="button-block">
<a title="Button-large" href="#" class="btn br-0 btn-outline-primary btn-lg">Button Large</a>
<a title="Button-medium" href="#" class="btn br-0 btn-outline-primary btn-md">Button Default</a>
<a title="Button-small" href="#" class="btn br-0 btn-outline-primary btn-sm">Button Small</a>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="button-block">
<a title="Button-large" href="#" class="btn br-0 btn-dark btn-lg">Button Large</a>
<a title="Button-medium" href="#" class="btn br-0 btn-dark btn-md">Button Default</a>
<a title="Button-small" href="#" class="btn br-0 btn-dark btn-sm">Button Small</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Buttons Style 3
<section class="buttons elements-page">
<div class="container">
<div class="buttons-block">
<div class="buttons3">
<div class="row">
<div class="col-md-4 col-sm-6">
<div class="button-block">
<a title="Button-large" href="#" class="btn br-30 btn-primary btn-lg">Button Large</a>
<a title="Button-medium" href="#" class="btn br-30 btn-primary btn-md">Button Default</a>
<a title="Button-small" href="#" class="btn br-30 btn-primary btn-sm">Button Small</a>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="button-block">
<a title="Button-large" href="#" class="btn br-30 btn-outline-primary btn-lg">Button Large</a>
<a title="Button-medium" href="#" class="btn br-30 btn-outline-primary btn-md">Button Default</a>
<a title="Button-small" href="#" class="btn br-30 btn-outline-primary btn-sm">Button Small</a>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="button-block">
<a title="Button-large" href="#" class="btn br-30 btn-dark btn-lg">Button Large</a>
<a title="Button-medium" href="#" class="btn br-30 btn-dark btn-md">Button Default</a>
<a title="Button-small" href="#" class="btn br-30 btn-dark btn-sm">Button Small</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Buttons Style 4
<section class="buttons elements-page">
<div class="container">
<div class="buttons-block">
<div class="buttons4">
<div class="row">
<div class="col-md-4 col-sm-6">
<div class="button-block">
<a title="Button-large" href="#" class="btn br-30 btn-primary btn-lg btn-custom"><i class="fas fa-arrow-circle-right"></i>Button Large</a>
<a title="Button-medium" href="#" class="btn br-30 btn-primary btn-md btn-custom"><i class="fas fa-arrow-circle-right"></i>Button Default</a>
<a title="Button-small" href="#" class="btn br-30 btn-primary btn-sm btn-custom"><i class="fas fa-arrow-circle-right"></i>Button Small</a>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="button-block">
<a title="Button-large" href="#" class="btn br-30 btn-outline-primary btn-lg btn-custom"><i class="fas fa-arrow-circle-right"></i>Button Large</a>
<a title="Button-medium" href="#" class="btn br-30 btn-outline-primary btn-md btn-custom"><i class="fas fa-arrow-circle-right"></i>Button Default</a>
<a title="Button-small" href="#" class="btn br-30 btn-outline-primary btn-sm btn-custom"><i class="fas fa-arrow-circle-right"></i>Button Small</a>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="button-block">
<a title="Button-large" href="#" class="btn br-30 btn-dark btn-lg btn-custom"><i class="fas fa-arrow-circle-right"></i>Button Large</a>
<a title="Button-medium" href="#" class="btn br-30 btn-dark btn-md btn-custom"><i class="fas fa-arrow-circle-right"></i>Button Default</a>
<a title="Button-small" href="#" class="btn br-30 btn-dark btn-sm btn-custom"><i class="fas fa-arrow-circle-right"></i>Button Small</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>