<div class="button-style-1">
<h2>Button Style 1</h2>
<div class="row">
<div class="col-lg-3 col-md-6 col-12">
<div class="item">
<a href="#" class="btn btn-primary btn-style-1 btn-sm">BUTTON</a>
<a href="#" class="btn btn-primary btn-style-1 ">BUTTON</a>
<a href="#" class="btn btn-primary btn-style-1 btn-lg">BUTTON</a>
</div>
</div>
<div class="col-lg-3 col-md-6 col-12">
<div class="item">
<a href="#" class="btn btn-dark btn-style-1 btn-sm">BUTTON</a>
<a href="#" class="btn btn-dark btn-style-1 ">BUTTON</a>
<a href="#" class="btn btn-dark btn-style-1 btn-lg">BUTTON</a>
</div>
</div>
<div class="col-lg-3 col-md-6 col-12">
<div class="item">
<a href="#" class="btn btn-secondary btn-style-1 btn-sm">BUTTON</a>
<a href="#" class="btn btn-secondary btn-style-1 ">BUTTON</a>
<a href="#" class="btn btn-secondary btn-style-1 btn-lg">BUTTON</a>
</div>
</div>
<div class="col-lg-3 col-md-6 col-12">
<div class="item">
<a href="#" class="btn btn-success btn-style-1 btn-sm">BUTTON</a>
<a href="#" class="btn btn-success btn-style-1 ">BUTTON</a>
<a href="#" class="btn btn-success btn-style-1 btn-lg">BUTTON</a>
</div>
</div>
</div>
</div>
<div class="button-style-2">
<h2>Buttons Style 2</h2>
<div class="row">
<div class="col-lg-3 col-md-6 col-12">
<div class="item">
<a href="#" class="btn btn-primary btn-style-2 btn-sm">BUTTON</a>
<a href="#" class="btn btn-primary btn-style-2 ">BUTTON</a>
<a href="#" class="btn btn-primary btn-style-2 btn-lg">BUTTON</a>
</div>
</div>
<div class="col-lg-3 col-md-6 col-12">
<div class="item">
<a href="#" class="btn btn-dark btn-style-2 btn-sm">BUTTON</a>
<a href="#" class="btn btn-dark btn-style-2 ">BUTTON</a>
<a href="#" class="btn btn-dark btn-style-2 btn-lg">BUTTON</a>
</div>
</div>
<div class="col-lg-3 col-md-6 col-12">
<div class="item">
<a href="#" class="btn btn-secondary btn-style-2 btn-sm">BUTTON</a>
<a href="#" class="btn btn-secondary btn-style-2 ">BUTTON</a>
<a href="#" class="btn btn-secondary btn-style-2 btn-lg">BUTTON</a>
</div>
</div>
<div class="col-lg-3 col-md-6 col-12">
<div class="item">
<a href="#" class="btn btn-success btn-style-2 btn-sm">BUTTON</a>
<a href="#" class="btn btn-success btn-style-2 ">BUTTON</a>
<a href="#" class="btn btn-success btn-style-2 btn-lg">BUTTON</a>
</div>
</div>
</div>
</div>
<div class="button-style-3">
<h2>Buttons Style 3</h2>
<div class="row">
<div class="col-lg-3 col-md-6 col-12">
<div class="item">
<a href="#" class="btn btn-primary btn-style-3 btn-sm">BUTTON</a>
<a href="#" class="btn btn-primary btn-style-3 ">BUTTON</a>
<a href="#" class="btn btn-primary btn-style-3 btn-lg">BUTTON</a>
</div>
</div>
<div class="col-lg-3 col-md-6 col-12">
<div class="item">
<a href="#" class="btn btn-dark btn-style-3 btn-sm">BUTTON</a>
<a href="#" class="btn btn-dark btn-style-3 ">BUTTON</a>
<a href="#" class="btn btn-dark btn-style-3 btn-lg">BUTTON</a>
</div>
</div>
<div class="col-lg-3 col-md-6 col-12">
<div class="item">
<a href="#" class="btn btn-secondary btn-style-3 btn-sm">BUTTON</a>
<a href="#" class="btn btn-secondary btn-style-3 ">BUTTON</a>
<a href="#" class="btn btn-secondary btn-style-3 btn-lg">BUTTON</a>
</div>
</div>
<div class="col-lg-3 col-md-6 col-12">
<div class="item">
<a href="#" class="btn btn-success btn-style-3 btn-sm">BUTTON</a>
<a href="#" class="btn btn-success btn-style-3 ">BUTTON</a>
<a href="#" class="btn btn-success btn-style-3 btn-lg">BUTTON</a>
</div>
</div>
</div>
</div>
<div class="button-style-4">
<h2>Button Style 4</h2>
<div class="row">
<div class="col-lg-3 col-md-6 col-12">
<div class="item">
<a href="#" class="btn btn-outline-primary btn-style-4 btn-sm">BUTTON</a>
<a href="#" class="btn btn-outline-primary btn-style-4 ">BUTTON</a>
<a href="#" class="btn btn-outline-primary btn-style-4 btn-lg">BUTTON</a>
</div>
</div>
<div class="col-lg-3 col-md-6 col-12">
<div class="item">
<a href="#" class="btn btn-outline-dark btn-style-4 btn-sm">BUTTON</a>
<a href="#" class="btn btn-outline-dark btn-style-4 ">BUTTON</a>
<a href="#" class="btn btn-outline-dark btn-style-4 btn-lg">BUTTON</a>
</div>
</div>
<div class="col-lg-3 col-md-6 col-12">
<div class="item">
<a href="#" class="btn btn-outline-secondary btn-style-4 btn-sm">BUTTON</a>
<a href="#" class="btn btn-outline-secondary btn-style-4 ">BUTTON</a>
<a href="#" class="btn btn-outline-secondary btn-style-4 btn-lg">BUTTON</a>
</div>
</div>
<div class="col-lg-3 col-md-6 col-12">
<div class="item">
<a href="#" class="btn btn-outline-success btn-style-4 btn-sm">BUTTON</a>
<a href="#" class="btn btn-outline-success btn-style-4 ">BUTTON</a>
<a href="#" class="btn btn-outline-success btn-style-4 btn-lg">BUTTON</a>
</div>
</div>
</div>
</div>
<div class="button-style-5">
<h2>Button Style 5</h2>
<div class="row">
<div class="col-lg-3 col-md-6 col-12">
<div class="item">
<a href="#" class="btn btn-outline-primary btn-style-5 btn-sm">BUTTON</a>
<a href="#" class="btn btn-outline-primary btn-style-5 ">BUTTON</a>
<a href="#" class="btn btn-outline-primary btn-style-5 btn-lg">BUTTON</a>
</div>
</div>
<div class="col-lg-3 col-md-6 col-12">
<div class="item">
<a href="#" class="btn btn-outline-dark btn-style-5 btn-sm">BUTTON</a>
<a href="#" class="btn btn-outline-dark btn-style-5 ">BUTTON</a>
<a href="#" class="btn btn-outline-dark btn-style-5 btn-lg">BUTTON</a>
</div>
</div>
<div class="col-lg-3 col-md-6 col-12">
<div class="item">
<a href="#" class="btn btn-outline-secondary btn-style-5 btn-sm">BUTTON</a>
<a href="#" class="btn btn-outline-secondary btn-style-5 ">BUTTON</a>
<a href="#" class="btn btn-outline-secondary btn-style-5 btn-lg">BUTTON</a>
</div>
</div>
<div class="col-lg-3 col-md-6 col-12">
<div class="item">
<a href="#" class="btn btn-outline-success btn-style-5 btn-sm">BUTTON</a>
<a href="#" class="btn btn-outline-success btn-style-5 ">BUTTON</a>
<a href="#" class="btn btn-outline-success btn-style-5 btn-lg">BUTTON</a>
</div>
</div>
</div>
</div>
<div class="button-style-6">
<h2>Button Style 6</h2>
<div class="row">
<div class="col-lg-3 col-md-6 col-12">
<div class="item">
<a href="#" class="btn btn-outline-primary btn-style-6 btn-sm">BUTTON
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 31.49 31.49" style="enable-background:new 0 0 31.49 31.49;" xml:space="preserve" width="512px" height="512px"><g><path d="M21.205,5.007c-0.429-0.444-1.143-0.444-1.587,0c-0.429,0.429-0.429,1.143,0,1.571l8.047,8.047H1.111 C0.492,14.626,0,15.118,0,15.737c0,0.619,0.492,1.127,1.111,1.127h26.554l-8.047,8.032c-0.429,0.444-0.429,1.159,0,1.587 c0.444,0.444,1.159,0.444,1.587,0l9.952-9.952c0.444-0.429,0.444-1.143,0-1.571L21.205,5.007z" data-original="#1E201D" class="active-path" data-old_color="#1E201D" fill="#1E201D"/></g> </svg>
</a>
<a href="#" class="btn btn-outline-primary btn-style-6 ">BUTTON
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 31.49 31.49" style="enable-background:new 0 0 31.49 31.49;" xml:space="preserve" width="512px" height="512px"><g><path d="M21.205,5.007c-0.429-0.444-1.143-0.444-1.587,0c-0.429,0.429-0.429,1.143,0,1.571l8.047,8.047H1.111 C0.492,14.626,0,15.118,0,15.737c0,0.619,0.492,1.127,1.111,1.127h26.554l-8.047,8.032c-0.429,0.444-0.429,1.159,0,1.587 c0.444,0.444,1.159,0.444,1.587,0l9.952-9.952c0.444-0.429,0.444-1.143,0-1.571L21.205,5.007z" data-original="#1E201D" class="active-path" data-old_color="#1E201D" fill="#1E201D"/></g> </svg>
</a>
<a href="#" class="btn btn-outline-primary btn-style-6 btn-lg">BUTTON
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 31.49 31.49" style="enable-background:new 0 0 31.49 31.49;" xml:space="preserve" width="512px" height="512px"><g><path d="M21.205,5.007c-0.429-0.444-1.143-0.444-1.587,0c-0.429,0.429-0.429,1.143,0,1.571l8.047,8.047H1.111 C0.492,14.626,0,15.118,0,15.737c0,0.619,0.492,1.127,1.111,1.127h26.554l-8.047,8.032c-0.429,0.444-0.429,1.159,0,1.587 c0.444,0.444,1.159,0.444,1.587,0l9.952-9.952c0.444-0.429,0.444-1.143,0-1.571L21.205,5.007z" data-original="#1E201D" class="active-path" data-old_color="#1E201D" fill="#1E201D"/></g> </svg>
</a>
</div>
</div>
<div class="col-lg-3 col-md-6 col-12">
<div class="item">
<a href="#" class="btn btn-outline-dark btn-style-6 btn-sm">BUTTON
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 31.49 31.49" style="enable-background:new 0 0 31.49 31.49;" xml:space="preserve" width="512px" height="512px"><g><path d="M21.205,5.007c-0.429-0.444-1.143-0.444-1.587,0c-0.429,0.429-0.429,1.143,0,1.571l8.047,8.047H1.111 C0.492,14.626,0,15.118,0,15.737c0,0.619,0.492,1.127,1.111,1.127h26.554l-8.047,8.032c-0.429,0.444-0.429,1.159,0,1.587 c0.444,0.444,1.159,0.444,1.587,0l9.952-9.952c0.444-0.429,0.444-1.143,0-1.571L21.205,5.007z" data-original="#1E201D" class="active-path" data-old_color="#1E201D" fill="#1E201D"/></g> </svg>
</a>
<a href="#" class="btn btn-outline-dark btn-style-6 ">BUTTON
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 31.49 31.49" style="enable-background:new 0 0 31.49 31.49;" xml:space="preserve" width="512px" height="512px"><g><path d="M21.205,5.007c-0.429-0.444-1.143-0.444-1.587,0c-0.429,0.429-0.429,1.143,0,1.571l8.047,8.047H1.111 C0.492,14.626,0,15.118,0,15.737c0,0.619,0.492,1.127,1.111,1.127h26.554l-8.047,8.032c-0.429,0.444-0.429,1.159,0,1.587 c0.444,0.444,1.159,0.444,1.587,0l9.952-9.952c0.444-0.429,0.444-1.143,0-1.571L21.205,5.007z" data-original="#1E201D" class="active-path" data-old_color="#1E201D" fill="#1E201D"/></g> </svg>
</a>
<a href="#" class="btn btn-outline-dark btn-style-6 btn-lg">BUTTON
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 31.49 31.49" style="enable-background:new 0 0 31.49 31.49;" xml:space="preserve" width="512px" height="512px"><g><path d="M21.205,5.007c-0.429-0.444-1.143-0.444-1.587,0c-0.429,0.429-0.429,1.143,0,1.571l8.047,8.047H1.111 C0.492,14.626,0,15.118,0,15.737c0,0.619,0.492,1.127,1.111,1.127h26.554l-8.047,8.032c-0.429,0.444-0.429,1.159,0,1.587 c0.444,0.444,1.159,0.444,1.587,0l9.952-9.952c0.444-0.429,0.444-1.143,0-1.571L21.205,5.007z" data-original="#1E201D" class="active-path" data-old_color="#1E201D" fill="#1E201D"/></g> </svg>
</a>
</div>
</div>
<div class="col-lg-3 col-md-6 col-12">
<div class="item">
<a href="#" class="btn btn-outline-secondary btn-style-6 btn-sm">BUTTON
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 31.49 31.49" style="enable-background:new 0 0 31.49 31.49;" xml:space="preserve" width="512px" height="512px"><g><path d="M21.205,5.007c-0.429-0.444-1.143-0.444-1.587,0c-0.429,0.429-0.429,1.143,0,1.571l8.047,8.047H1.111 C0.492,14.626,0,15.118,0,15.737c0,0.619,0.492,1.127,1.111,1.127h26.554l-8.047,8.032c-0.429,0.444-0.429,1.159,0,1.587 c0.444,0.444,1.159,0.444,1.587,0l9.952-9.952c0.444-0.429,0.444-1.143,0-1.571L21.205,5.007z" data-original="#1E201D" class="active-path" data-old_color="#1E201D" fill="#1E201D"/></g> </svg>
</a>
<a href="#" class="btn btn-outline-secondary btn-style-6 ">BUTTON
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 31.49 31.49" style="enable-background:new 0 0 31.49 31.49;" xml:space="preserve" width="512px" height="512px"><g><path d="M21.205,5.007c-0.429-0.444-1.143-0.444-1.587,0c-0.429,0.429-0.429,1.143,0,1.571l8.047,8.047H1.111 C0.492,14.626,0,15.118,0,15.737c0,0.619,0.492,1.127,1.111,1.127h26.554l-8.047,8.032c-0.429,0.444-0.429,1.159,0,1.587 c0.444,0.444,1.159,0.444,1.587,0l9.952-9.952c0.444-0.429,0.444-1.143,0-1.571L21.205,5.007z" data-original="#1E201D" class="active-path" data-old_color="#1E201D" fill="#1E201D"/></g> </svg>
</a>
<a href="#" class="btn btn-outline-secondary btn-style-6 btn-lg">BUTTON
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 31.49 31.49" style="enable-background:new 0 0 31.49 31.49;" xml:space="preserve" width="512px" height="512px"><g><path d="M21.205,5.007c-0.429-0.444-1.143-0.444-1.587,0c-0.429,0.429-0.429,1.143,0,1.571l8.047,8.047H1.111 C0.492,14.626,0,15.118,0,15.737c0,0.619,0.492,1.127,1.111,1.127h26.554l-8.047,8.032c-0.429,0.444-0.429,1.159,0,1.587 c0.444,0.444,1.159,0.444,1.587,0l9.952-9.952c0.444-0.429,0.444-1.143,0-1.571L21.205,5.007z" data-original="#1E201D" class="active-path" data-old_color="#1E201D" fill="#1E201D"/></g> </svg>
</a>
</div>
</div>
<div class="col-lg-3 col-md-6 col-12">
<div class="item">
<a href="#" class="btn btn-outline-success btn-style-6 btn-sm">BUTTON
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 31.49 31.49" style="enable-background:new 0 0 31.49 31.49;" xml:space="preserve" width="512px" height="512px"><g><path d="M21.205,5.007c-0.429-0.444-1.143-0.444-1.587,0c-0.429,0.429-0.429,1.143,0,1.571l8.047,8.047H1.111 C0.492,14.626,0,15.118,0,15.737c0,0.619,0.492,1.127,1.111,1.127h26.554l-8.047,8.032c-0.429,0.444-0.429,1.159,0,1.587 c0.444,0.444,1.159,0.444,1.587,0l9.952-9.952c0.444-0.429,0.444-1.143,0-1.571L21.205,5.007z" data-original="#1E201D" class="active-path" data-old_color="#1E201D" fill="#1E201D"/></g> </svg>
</a>
<a href="#" class="btn btn-outline-success btn-style-6 ">BUTTON
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 31.49 31.49" style="enable-background:new 0 0 31.49 31.49;" xml:space="preserve" width="512px" height="512px"><g><path d="M21.205,5.007c-0.429-0.444-1.143-0.444-1.587,0c-0.429,0.429-0.429,1.143,0,1.571l8.047,8.047H1.111 C0.492,14.626,0,15.118,0,15.737c0,0.619,0.492,1.127,1.111,1.127h26.554l-8.047,8.032c-0.429,0.444-0.429,1.159,0,1.587 c0.444,0.444,1.159,0.444,1.587,0l9.952-9.952c0.444-0.429,0.444-1.143,0-1.571L21.205,5.007z" data-original="#1E201D" class="active-path" data-old_color="#1E201D" fill="#1E201D"/></g> </svg>
</a>
<a href="#" class="btn btn-outline-success btn-style-6 btn-lg">BUTTON
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 31.49 31.49" style="enable-background:new 0 0 31.49 31.49;" xml:space="preserve" width="512px" height="512px"><g><path d="M21.205,5.007c-0.429-0.444-1.143-0.444-1.587,0c-0.429,0.429-0.429,1.143,0,1.571l8.047,8.047H1.111 C0.492,14.626,0,15.118,0,15.737c0,0.619,0.492,1.127,1.111,1.127h26.554l-8.047,8.032c-0.429,0.444-0.429,1.159,0,1.587 c0.444,0.444,1.159,0.444,1.587,0l9.952-9.952c0.444-0.429,0.444-1.143,0-1.571L21.205,5.007z" data-original="#1E201D" class="active-path" data-old_color="#1E201D" fill="#1E201D"/></g> </svg>
</a>
</div>
</div>
</div>
</div>