<div class="row   mb-5">
        <div class="heading-1 wow fadeIn" data-wow-delay=".15s" data-wow-duration=".75s">
            <h2>Button Style 1</h2> </div>
        <div class=" col-12 col-sm-6  col-md-4  col-lg-3  mt-lg-2 mb-lg-3 mb-5"> <a class="btn btn-sm btn-primary mb-4" href="#" title="Button">Button</a>
            <div class="clearfix"></div> <a class="btn btn-md btn-primary mb-4" href="#" title="Button">Button</a>
            <div class="clearfix"></div> <a class="btn btn-lg btn-primary" href="#" title="Button">Button</a> 
        </div>
        <div class=" col-12 col-sm-6  col-md-4  col-lg-3  mt-lg-2 mb-lg-3 mb-5"> <a class="btn btn-sm btn-secondary mb-4" href="#" title="Button">Button</a>
            <div class="clearfix"></div> <a class="btn btn-md btn-secondary mb-4" href="#" title="Button">Button</a>
            <div class="clearfix"></div> <a class="btn btn-lg btn-secondary" href="#" title="Button">Button</a> 
        </div>
        <div class=" col-12 col-sm-6  col-md-4  col-lg-3  mt-lg-2 mb-lg-3 mb-5"> <a class="btn btn-sm btn-info mb-4" href="#" title="Button">Button</a>
            <div class="clearfix"></div> <a class="btn btn-md btn-info mb-4" href="#" title="Button">Button</a>
            <div class="clearfix"></div> <a class="btn btn-lg btn-info" href="#" title="Button">Button</a> 
        </div>
        <div class=" col-12 col-sm-6  col-md-4  col-lg-3  mt-lg-2 mb-lg-3 mb-5"> <a class="btn btn-sm btn-black mb-4" href="#" title="Button">Button</a>
            <div class="clearfix"></div> <a class="btn btn-md btn-black mb-4" href="#" title="Button">Button</a>
            <div class="clearfix"></div> <a class="btn btn-lg btn-black" href="#" title="Button">Button</a> 
        </div>
    </div>
   Copy to clipboard
   

                         
    <div class="row mb-5">
            <div class="heading-1 wow fadeIn" data-wow-delay=".15s" data-wow-duration=".75s">
                <h2>Button Style 2</h2> </div>
            <div class=" col-12 col-sm-6  col-md-4  col-lg-3  mt-lg-2 mb-lg-3 mb-5"> <a class="btn btn-sm btn-primary btn-radius mb-4" href="#" title="Button">Button</a>
                <div class="clearfix"></div> <a class="btn btn-md btn-primary btn-radius mb-4" href="#" title="Button">Button</a>
                <div class="clearfix"></div> <a class="btn btn-lg btn-primary btn-radius " href="#" title="Button">Button</a> 
            </div>
            <div class=" col-12 col-sm-6  col-md-4  col-lg-3  mt-lg-2 mb-lg-3 mb-5"> <a class="btn btn-sm btn-secondary btn-radius mb-4 " href="#" title="Button">Button</a>
                <div class="clearfix"></div> <a class="btn btn-md btn-secondary btn-radius mb-4" href="#" title="Button">Button</a>
                <div class="clearfix"></div> <a class="btn btn-lg btn-secondary btn-radius " href="#" title="Button">Button</a> 
            </div>
            <div class=" col-12 col-sm-6  col-md-4  col-lg-3  mt-lg-2 mb-lg-3 mb-5"> <a class="btn btn-sm btn-info btn-radius mb-4" href="#" title="Button">Button</a>
                <div class="clearfix"></div> <a class="btn btn-md btn-info btn-radius mb-4" href="#" title="Button">Button</a>
                <div class="clearfix"></div> <a class="btn btn-lg btn-info btn-radius" href="#" title="Button">Button</a> 
            </div>
            <div class=" col-12 col-sm-6  col-md-4  col-lg-3  mt-lg-2 mb-lg-3 mb-5"> <a class="btn btn-sm btn-black btn-radius mb-4" href="#" title="Button">Button</a>
                <div class="clearfix"></div> <a class="btn btn-md btn-black btn-radius mb-4" href="#" title="Button">Button</a>
                <div class="clearfix"></div> <a class="btn btn-lg btn-black btn-radius" href="#" title="Button">Button</a> 
            </div>
    </div>
                        Copy to clipboard
                    

                         
    <div class="row mt-5 mb-5">
        <div class="heading-1">
            <h2>Button Style 3</h2> </div>
        <div class=" col-12 col-sm-6  col-md-4  col-lg-3  mt-lg-2 mb-lg-3 mb-5"> <a class="btn btn-sm btn-primary btn-radius-5 mb-4" href="#" title="Button">Button</a>
            <div class="clearfix"></div> <a class="btn btn-md btn-primary btn-radius-5 mb-4" href="#" title="Button">Button</a>
            <div class="clearfix"></div> <a class="btn btn-lg btn-primary btn-radius-5 " href="#" title="Button">Button</a> 
        </div>
        <div class=" col-12 col-sm-6  col-md-4  col-lg-3  mt-lg-2 mb-lg-3 mb-5"> <a class="btn btn-sm btn-secondary btn-radius-5 mb-4 " href="#" title="Button">Button</a>
            <div class="clearfix"></div> <a class="btn btn-md btn-secondary btn-radius-5 mb-4" href="#" title="Button">Button</a>
            <div class="clearfix"></div> <a class="btn btn-lg btn-secondary btn-radius-5 " href="#" title="Button">Button</a> 
        </div>
        <div class=" col-12 col-sm-6  col-md-4  col-lg-3  mt-lg-2 mb-lg-3 mb-5"> <a class="btn btn-sm btn-info btn-radius-5 mb-4" href="#" title="Button">Button</a>
            <div class="clearfix"></div> <a class="btn btn-md btn-info btn-radius-5 mb-4" href="#" title="Button">Button</a>
            <div class="clearfix"></div> <a class="btn btn-lg btn-info btn-radius-5" href="#" title="Button">Button</a> 
        </div>
        <div class=" col-12 col-sm-6  col-md-4  col-lg-3  mt-lg-2 mb-lg-3 mb-5"> <a class="btn btn-sm btn-black btn-radius-5 mb-4" href="#" title="Button">Button</a>
            <div class="clearfix"></div> <a class="btn btn-md btn-black btn-radius-5 mb-4" href="#" title="Button">Button</a>
            <div class="clearfix"></div> <a class="btn btn-lg btn-black btn-radius-5" href="#" title="Button">Button</a> 
        </div>
    </div>
                        Copy to clipboard
                    

                         
    <div class="row mt-5 mb-5">
        <div class="heading-1">
            <h2>Button Style 4</h2> </div>
        <div class=" col-12 col-sm-6  col-md-4  col-lg-3  mt-lg-2 mb-lg-3 mb-5"> <a class="btn btn-sm btn-outline-primary  mb-4" href="#" title="Button">Button</a>
            <div class="clearfix"></div> <a class="btn btn-md btn-outline-primary mb-4" href="#" title="Button">Button</a>
            <div class="clearfix"></div> <a class="btn btn-lg btn-outline-primary mb-4" href="#" title="Button">Button</a> 
        </div>
        <div class=" col-12 col-sm-6  col-md-4  col-lg-3  mt-lg-2 mb-lg-3 mb-5"> <a class="btn btn-sm btn-outline-secondary mb-4" href="#" title="Button">Button</a>
            <div class="clearfix"></div> <a class="btn mt-lg-2 mb-lg-3tn-b5n-outline-secondary mb-4" href="#" title="Button">Button</a> 
        </div>
        <div class=" col-12 col-sm-6  col-md-4  col-lg-3  mt-lg-2 mb-lg-3 mb-5"> <a class="btn btn-sm btn-outline-info  mb-4" href="#" title="Button">Button</a>
            <div class="clearfix"></div> <a class="btn btn-md btn-outline-info mb-4" href="#" title="Button">Button</a>
            <div class="clearfix"></div> <a class="btn btn-lg btn-outline-info mb-4" href="#" title="Button">Button</a> 
        </div>
        <div class=" col-12 col-sm-6  col-md-4  col-lg-3  mt-lg-2 mb-lg-3 mb-5"> <a class="btn btn-sm btn-outline-black mb-4" href="#" title="Button">Button</a>
            <div class="clearfix"></div> <a class="btn btn-md btn-outline-black mb-4" href="#" title="Button">Button</a>
            <div class="clearfix"></div> <a class="btn btn-lg btn-outline-black" href="#" title="Button">Button</a> 
        </div>
    </div>
                        Copy to clipboard
                    

                         
    <div class="row mt-5 mb-5">
        <div class="heading-1 wow fadeIn" data-wow-delay=".15s" data-wow-duration=".75s">
            <h2>Button Style 5</h2> </div>
        <div class=" col-12 col-sm-6  col-md-4  col-lg-3  mt-lg-2 mb-lg-3 mb-5"> <a class="btn btn-sm btn-outline-primary btn-radius  mb-4" href="#" title="Button">Button</a>
            <div class="clearfix"></div> <a class="btn btn-md btn-outline-primary btn-radius mb-4" href="#" title="Button">Button</a>
            <div class="clearfix"></div> <a class="btn btn-lg btn-outline-primary btn-radius mb-4" href="#" title="Button">Button</a> 
        </div>
        <div class=" col-12 col-sm-6  col-md-4  col-lg-3  mt-lg-2 mb-lg-3 mb-5"> <a class="btn btn-sm btn-outline-secondary btn-radius mb-4" href="#" title="Button">Button</a>
            <div class="clearfix"></div> <a class="btn btn-md btn-outline-secondary btn-radius mb-4" href="#" title="Button">Button</a>
            <div class="clearfix"></div> <a class="btn btn-lg btn-outline-secondary btn-radius mb-4" href="#" title="Button">Button</a> 
        </div>
        <div class=" col-12 col-sm-6  col-md-4  col-lg-3  mt-lg-2 mb-lg-3 mb-5"> <a class="btn btn-sm btn-outline-info btn-radius mb-4" href="#" title="Button">Button</a>
            <div class="clearfix"></div> <a class="btn btn-md btn-outline-info btn-radius mb-4" href="#" title="Button">Button</a>
            <div class="clearfix"></div> <a class="btn btn-lg btn-outline-info btn-radius mb-4" href="#" title="Button">Button</a> 
        </div>
        <div class=" col-12 col-sm-6  col-md-4  col-lg-3  mt-lg-2 mb-lg-3 mb-5"> <a class="btn btn-sm btn-outline-black btn-radius mb-4" href="#" title="Button">Button</a>
            <div class="clearfix"></div> <a class="btn btn-md btn-outline-black btn-radius mb-4" href="#" title="Button">Button</a>
            <div class="clearfix"></div> <a class="btn btn-lg btn-outline-black btn-radius" href="#" title="Button">Button</a> 
        </div>
    </div>
                        Copy to clipboard
                    

                         
    <div class="row mt-5 mb-5">
        <div class="heading-1 wow fadeIn" data-wow-delay=".15s" data-wow-duration=".75s">
            <h2>Button Style 6</h2> </div>
        <div class=" col-12 col-sm-6  col-md-4  col-lg-3  mt-lg-2 mb-lg-3 mb-5"> <a class="btn btn-sm btn-outline-primary btn-radius-5  mb-4" href="#" title="Button">Button</a>
            <div class="clearfix"></div> <a class="btn btn-md btn-outline-primary btn-radius-5 mb-4" href="#" title="Button">Button</a>
            <div class="clearfix"></div> <a class="btn btn-lg btn-outline-primary btn-radius-5 mb-4" href="#" title="Button">Button</a> 
        </div>
        <div class=" col-12 col-sm-6  col-md-4  col-lg-3  mt-lg-2 mb-lg-3 mb-5"> <a class="btn btn-sm btn-outline-secondary btn-radius-5 mb-4" href="#" title="Button">Button</a>
            <div class="clearfix"></div> <a class="btn btn-md btn-outline-secondary btn-radius-5 mb-4" href="#" title="Button">Button</a>
            <div class="clearfix"></div> <a class="btn btn-lg btn-outline-secondary btn-radius-5 mb-4" href="#" title="Button">Button</a> 
        </div>
        <div class=" col-12 col-sm-6  col-md-4  col-lg-3  mt-lg-2 mb-lg-3 mb-5"> <a class="btn btn-sm btn-outline-info btn-radius-5 mb-4" href="#" title="Button">Button</a>
            <div class="clearfix"></div> <a class="btn btn-md btn-outline-info btn-radius-5 mb-4" href="#" title="Button">Button</a>
            <div class="clearfix"></div> <a class="btn btn-lg btn-outline-info btn-radius-5 mb-4" href="#" title="Button">Button</a> 
        </div>
        <div class=" col-12 col-sm-6  col-md-4  col-lg-3  mt-lg-2 mb-lg-3 mb-5"> <a class="btn btn-sm btn-outline-black btn-radius-5 mb-4" href="#" title="Button">Button</a>
            <div class="clearfix"></div> <a class="btn btn-md btn-outline-black btn-radius-5 mb-4" href="#" title="Button">Button</a>
            <div class="clearfix"></div> <a class="btn btn-lg btn-outline-black btn-radius-5" href="#" title="Button">Button</a> 
        </div>
    </div>
                        Copy to clipboard
                    

                         
    <div class="row mt-5 mb-5">
        <div class="heading-1 wow fadeIn" data-wow-delay=".15s" data-wow-duration=".75s">
            <h2>Button Style 7</h2>
        </div>
        <div class=" col-12 col-sm-6  col-md-4  col-lg-3  mt-lg-2 mb-lg-3 mb-5">    
            <a class="btn btn-sm btn-primary btn-icon mb-4" href="#" title="Button">Button <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
            <div class="clearfix"></div>
            <a class="btn btn-md btn-primary btn-icon mb-4" href="#" title="Button">Button <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
            <div class="clearfix"></div>
            <a class="btn btn-lg btn-primary btn-icon" href="#" title="Button">Button <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
        </div>
        <div class=" col-12 col-sm-6  col-md-4  col-lg-3  mt-lg-2 mb-lg-3 mb-5">    
            <a class="btn btn-sm btn-secondary btn-icon mb-4" href="#" title="Button">Button <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
            <div class="clearfix"></div>
            <a class="btn btn-md btn-secondary btn-icon mb-4" href="#" title="Button">Button <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
            <div class="clearfix"></div>
            <a class="btn btn-lg btn-secondary btn-icon" href="#" title="Button">Button <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
        </div>
        <div class=" col-12 col-sm-6  col-md-4  col-lg-3  mt-lg-2 mb-lg-3 mb-5">    
            <a class="btn btn-sm btn-info btn-icon mb-4" href="#" title="Button">Button <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
            <div class="clearfix"></div>
            <a class="btn btn-md btn-info btn-icon mb-4" href="#" title="Button">Button <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
            <div class="clearfix"></div>
            <a class="btn btn-lg btn-info btn-icon" href="#" title="Button">Button <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
        </div>
        <div class=" col-12 col-sm-6  col-md-4  col-lg-3  mt-lg-2 mb-lg-3 mb-5">    
            <a class="btn btn-sm btn-black btn-icon mb-4" href="#" title="Button">Button <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
            <div class="clearfix"></div>
            <a class="btn btn-md btn-black btn-icon mb-4" href="#" title="Button">Button <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
            <div class="clearfix"></div>
            <a class="btn btn-lg btn-black btn-icon" href="#" title="Button">Button <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
        </div>                    
    </div>
                        Copy to clipboard