Buttons Style 1
<section class="button elements-page">
<div class="container">
<div class="button-block">
<div class="button1">
<a class="btn btn-secondary br-6" href="#" title="Title">Button</a>
<a class="btn btn-secondary btn-small br-8" href="#" title="Title">Button</a>
<a class="btn btn-secondary btn-mini br-4" href="#" title="Title">Button</a>
</div>
</div>
</div>
</section>
Buttons Style 2
<section class="button elements-page">
<div class="container">
<div class="button-block">
<div class="button2">
<a class="btn btn-primary br-0" href="#" title="Title">
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70.31 62.55"><defs><style>.cls-1{fill:#ed4b4b;}</style></defs><title>Charity _ 07</title><path class="cls-1" d="M69.59,14.85A18.9,18.9,0,0,0,55.53,8.72a17.68,17.68,0,0,0-11.06,3.82A22.89,22.89,0,0,0,40,17.21a22.57,22.57,0,0,0-4.46-4.67A17.66,17.66,0,0,0,24.48,8.72a18.91,18.91,0,0,0-14.06,6.13,22,22,0,0,0-5.58,15c0,5.95,2.22,11.4,7,17.14,4.26,5.13,10.37,10.34,17.45,16.38,2.43,2.06,5.17,4.4,8,6.89a4.1,4.1,0,0,0,2.72,1,4.14,4.14,0,0,0,2.71-1c2.85-2.49,5.59-4.83,8-6.89,7.08-6,13.2-11.25,17.45-16.38,4.76-5.74,7-11.19,7-17.14A21.9,21.9,0,0,0,69.59,14.85Z" transform="translate(-4.84 -8.72)"/></svg>Button
</a>
<a class="btn btn-primary btn-small br-0" href="#" title="Title">
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70.31 62.55"><defs><style>.cls-1{fill:#ed4b4b;}</style></defs><title>Charity _ 07</title><path class="cls-1" d="M69.59,14.85A18.9,18.9,0,0,0,55.53,8.72a17.68,17.68,0,0,0-11.06,3.82A22.89,22.89,0,0,0,40,17.21a22.57,22.57,0,0,0-4.46-4.67A17.66,17.66,0,0,0,24.48,8.72a18.91,18.91,0,0,0-14.06,6.13,22,22,0,0,0-5.58,15c0,5.95,2.22,11.4,7,17.14,4.26,5.13,10.37,10.34,17.45,16.38,2.43,2.06,5.17,4.4,8,6.89a4.1,4.1,0,0,0,2.72,1,4.14,4.14,0,0,0,2.71-1c2.85-2.49,5.59-4.83,8-6.89,7.08-6,13.2-11.25,17.45-16.38,4.76-5.74,7-11.19,7-17.14A21.9,21.9,0,0,0,69.59,14.85Z" transform="translate(-4.84 -8.72)"/></svg>Button
</a>
<a class="btn btn-primary btn-mini br-0" href="#" title="Title">
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70.31 62.55"><defs><style>.cls-1{fill:#ed4b4b;}</style></defs><title>Charity _ 07</title><path class="cls-1" d="M69.59,14.85A18.9,18.9,0,0,0,55.53,8.72a17.68,17.68,0,0,0-11.06,3.82A22.89,22.89,0,0,0,40,17.21a22.57,22.57,0,0,0-4.46-4.67A17.66,17.66,0,0,0,24.48,8.72a18.91,18.91,0,0,0-14.06,6.13,22,22,0,0,0-5.58,15c0,5.95,2.22,11.4,7,17.14,4.26,5.13,10.37,10.34,17.45,16.38,2.43,2.06,5.17,4.4,8,6.89a4.1,4.1,0,0,0,2.72,1,4.14,4.14,0,0,0,2.71-1c2.85-2.49,5.59-4.83,8-6.89,7.08-6,13.2-11.25,17.45-16.38,4.76-5.74,7-11.19,7-17.14A21.9,21.9,0,0,0,69.59,14.85Z" transform="translate(-4.84 -8.72)"/></svg>Button
</a>
</div>
</div>
</div>
</section>
Buttons Style 3
<section class="button elements-page">
<div class="container">
<div class="button-block">
<div class="button3">
<a class="btn btn-primary" href="#" title="Title">Button</a>
<a class="btn btn-primary btn-small" href="#" title="Title">Button</a>
<a class="btn btn-primary btn-mini" href="#" title="Title">Button</a>
</div>
</div>
</div>
</section>
Buttons Style 4
<section class="button elements-page">
<div class="container">
<div class="button-block">
<div class="button4">
<a class="btn btn-outline-primary br-0" href="#" title="Title">Button</a>
<a class="btn btn-outline-primary btn-small br-0" href="#" title="Title">Button</a>
<a class="btn btn-outline-primary btn-mini br-0" href="#" title="Title">Button</a>
</div>
</div>
</div>
</section>