Buttons

                       
<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-style-1 btn-style-sm btn-c-primary" title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-1 btn-style-md btn-c-primary" title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-1 btn-style-lg btn-c-primary" title="Title">Button</a>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-12">
                <div class="item">
                    <a href="#" class="btn btn-primary btn-style-1 btn-style-sm btn-c-red" title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-1 btn-style-md btn-c-red" title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-1 btn-style-lg btn-c-red" title="Title">Button</a>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-12">
                <div class="item">
                    <a href="#" class="btn btn-primary btn-style-1 btn-style-sm btn-c-black" title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-1 btn-style-md btn-c-black" title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-1 btn-style-lg btn-c-black" title="Title">Button</a>
                </div>
            </div>
        </div>
    </div>
</div>
                       Copy to clipboard
                   

                       
<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-style-2 btn-style-sm btn-c-primary" title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-2 btn-style-md btn-c-primary" title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-2 btn-style-lg btn-c-primary" title="Title">Button</a>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-12">
                <div class="item">
                    <a href="#" class="btn btn-primary btn-style-2 btn-style-sm btn-c-red" title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-2 btn-style-md btn-c-red" title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-2 btn-style-lg btn-c-red" title="Title">Button</a>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-12">
                <div class="item">
                    <a href="#" class="btn btn-primary btn-style-2 btn-style-sm btn-c-black" title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-2 btn-style-md btn-c-black" title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-2 btn-style-lg btn-c-black" title="Title">Button</a>
                </div>
            </div>
        </div>
    </div>
</div>
                       Copy to clipboard
                   

                       
<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-style-3 btn-style-sm btn-c-primary" title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-3 btn-style-md btn-c-primary" title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-3 btn-style-lg btn-c-primary" title="Title">Button</a>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-12">
                <div class="item">
                    <a href="#" class="btn btn-primary btn-style-3 btn-style-sm btn-c-red" title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-3 btn-style-md btn-c-red" title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-3 btn-style-lg btn-c-red" title="Title">Button</a>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-12">
                <div class="item">
                    <a href="#" class="btn btn-primary btn-style-3 btn-style-sm btn-c-black" title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-3 btn-style-md btn-c-black" title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-3 btn-style-lg btn-c-black" title="Title">Button</a>
                </div>
            </div>
        </div>
    </div>
</div>
                       Copy to clipboard
                   

                       
<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-primary btn-style-4 btn-style-sm btn-c-primary" title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-4 btn-style-md btn-c-primary" title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-4 btn-style-lg btn-c-primary" title="Title">Button</a>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-12">
                <div class="item">
                    <a href="#" class="btn btn-primary btn-style-4 btn-style-sm btn-c-red" title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-4 btn-style-md btn-c-red" title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-4 btn-style-lg btn-c-red" title="Title">Button</a>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-12">
                <div class="item">
                    <a href="#" class="btn btn-primary btn-style-4 btn-style-sm btn-c-black" title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-4 btn-style-md btn-c-black" title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-4 btn-style-lg btn-c-black" title="Title">Button</a>
                </div>
            </div>
        </div>
    </div>
</div>
                       Copy to clipboard
                   

                       
<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-primary btn-style-5 btn-style-sm btn-c-primary" title="Title">Read More</a>
                    <a href="#" class="btn btn-primary btn-style-5 btn-style-md btn-c-primary" title="Title">Read More</a>
                    <a href="#" class="btn btn-primary btn-style-5 btn-style-lg btn-c-primary" title="Title">Read More</a>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-12">
                <div class="item">
                    <a href="#" class="btn btn-primary btn-style-5 btn-style-sm btn-c-red" title="Title">Read More</a>
                    <a href="#" class="btn btn-primary btn-style-5 btn-style-md btn-c-red" title="Title">Read More</a>
                    <a href="#" class="btn btn-primary btn-style-5 btn-style-lg btn-c-red" title="Title">Read More</a>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-12">
                <div class="item">
                    <a href="#" class="btn btn-primary btn-style-5 btn-style-sm btn-c-black" title="Title">Read More</a>
                    <a href="#" class="btn btn-primary btn-style-5 btn-style-md btn-c-black" title="Title">Read More</a>
                    <a href="#" class="btn btn-primary btn-style-5 btn-style-lg btn-c-black" title="Title">Read More</a>
                </div>
            </div>
        </div>
    </div>
</div>
                       Copy to clipboard
                   

                       
<div class="button-style-6">
    <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-style-6 btn-style-sm btn-c-primary" title="Title">Read More
                        <svg xmlns="http://www.w3.org/2000/svg" width="200" height="84" viewBox="0 0 200 84">
                            <path data-name="Path 40132" d="M1,63.117H184.853L158.308,93.472l5.964,6.821,36.728-42-36.728-42-5.964,6.821,26.545,30.356H1Z" transform="translate(-1 -16.293)" fill="#111"/>
                        </svg>
                    </a>
                    <a href="#" class="btn btn-primary btn-style-6 btn-style-md btn-c-primary" title="Title">Read More
                        <svg xmlns="http://www.w3.org/2000/svg" width="200" height="84" viewBox="0 0 200 84">
                            <path data-name="Path 40132" d="M1,63.117H184.853L158.308,93.472l5.964,6.821,36.728-42-36.728-42-5.964,6.821,26.545,30.356H1Z" transform="translate(-1 -16.293)" fill="#111"/>
                        </svg>
                    </a>
                    <a href="#" class="btn btn-primary btn-style-6 btn-style-lg btn-c-primary" title="Title">Read More
                        <svg xmlns="http://www.w3.org/2000/svg" width="200" height="84" viewBox="0 0 200 84">
                            <path data-name="Path 40132" d="M1,63.117H184.853L158.308,93.472l5.964,6.821,36.728-42-36.728-42-5.964,6.821,26.545,30.356H1Z" transform="translate(-1 -16.293)" fill="#111"/>
                        </svg>
                    </a>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-12">
                <div class="item">
                    <a href="#" class="btn btn-primary btn-style-6 btn-style-sm btn-c-green" title="Title">Read More
                        <svg xmlns="http://www.w3.org/2000/svg" width="200" height="84" viewBox="0 0 200 84">
                            <path data-name="Path 40132" d="M1,63.117H184.853L158.308,93.472l5.964,6.821,36.728-42-36.728-42-5.964,6.821,26.545,30.356H1Z" transform="translate(-1 -16.293)" fill="#111"/>
                        </svg>
                    </a>
                    <a href="#" class="btn btn-primary btn-style-6 btn-style-md btn-c-green" title="Title">Read More
                        <svg xmlns="http://www.w3.org/2000/svg" width="200" height="84" viewBox="0 0 200 84">
                            <path data-name="Path 40132" d="M1,63.117H184.853L158.308,93.472l5.964,6.821,36.728-42-36.728-42-5.964,6.821,26.545,30.356H1Z" transform="translate(-1 -16.293)" fill="#111"/>
                        </svg>
                    </a>
                    <a href="#" class="btn btn-primary btn-style-6 btn-style-lg btn-c-green" title="Title">Read More
                        <svg xmlns="http://www.w3.org/2000/svg" width="200" height="84" viewBox="0 0 200 84">
                            <path data-name="Path 40132" d="M1,63.117H184.853L158.308,93.472l5.964,6.821,36.728-42-36.728-42-5.964,6.821,26.545,30.356H1Z" transform="translate(-1 -16.293)" fill="#111"/>
                        </svg>
                    </a>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-12">
                <div class="item">
                    <a href="#" class="btn btn-primary btn-style-6 btn-style-sm btn-c-black" title="Title">Read More
                        <svg xmlns="http://www.w3.org/2000/svg" width="200" height="84" viewBox="0 0 200 84">
                            <path data-name="Path 40132" d="M1,63.117H184.853L158.308,93.472l5.964,6.821,36.728-42-36.728-42-5.964,6.821,26.545,30.356H1Z" transform="translate(-1 -16.293)" fill="#111"/>
                        </svg>
                    </a>
                    <a href="#" class="btn btn-primary btn-style-6 btn-style-md btn-c-black" title="Title">Read More
                        <svg xmlns="http://www.w3.org/2000/svg" width="200" height="84" viewBox="0 0 200 84">
                            <path data-name="Path 40132" d="M1,63.117H184.853L158.308,93.472l5.964,6.821,36.728-42-36.728-42-5.964,6.821,26.545,30.356H1Z" transform="translate(-1 -16.293)" fill="#111"/>
                        </svg>
                    </a>
                    <a href="#" class="btn btn-primary btn-style-6 btn-style-lg btn-c-black" title="Title">Read More
                        <svg xmlns="http://www.w3.org/2000/svg" width="200" height="84" viewBox="0 0 200 84">
                            <path data-name="Path 40132" d="M1,63.117H184.853L158.308,93.472l5.964,6.821,36.728-42-36.728-42-5.964,6.821,26.545,30.356H1Z" transform="translate(-1 -16.293)" fill="#111"/>
                        </svg>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
                       Copy to clipboard