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-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 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-gray"
                        title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-1 btn-style-md btn-c-gray"
                        title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-1 btn-style-lg btn-c-gray"
                        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-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 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-gray"
                        title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-2 btn-style-md btn-c-gray"
                        title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-2 btn-style-lg btn-c-gray"
                        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-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 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-gray"
                        title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-3 btn-style-md btn-c-gray"
                        title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-3 btn-style-lg btn-c-gray"
                        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-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 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-gray"
                        title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-4 btn-style-md btn-c-gray"
                        title="Title">Button</a>
                    <a href="#" class="btn btn-primary btn-style-4 btn-style-lg btn-c-gray"
                        title="Title">Button</a>
                </div>
            </div>
        </div>
    </div>
</div>

                        Copy to clipboard
                    

                    
<div class="button-style-5">
    <div class="container">
        <h2>Buttons Style 5</h2>
        <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
                        <svg xmlns="http://www.w3.org/2000/svg" width="150" height="100" viewBox="0 0 150 100">
                            <path data-name="Path 40078"
                                d="M261.973,181.215l-130.257-.684L131.49,190.8H259.7L223.85,226.876l7.943,7.99,49.7-49.77-.227-.229-7.716-7.762-41.754-42.239-7.943,7.991Z"
                                transform="translate(-131.49 -134.865)" fill="#222025" fill-rule="evenodd" />
                        </svg>
                    </a>
                    <a href="#" class="btn btn-primary btn-style-5 btn-style-md btn-c-primary"
                        title="Title">Read More
                        <svg xmlns="http://www.w3.org/2000/svg" width="150" height="100" viewBox="0 0 150 100">
                            <path data-name="Path 40078"
                                d="M261.973,181.215l-130.257-.684L131.49,190.8H259.7L223.85,226.876l7.943,7.99,49.7-49.77-.227-.229-7.716-7.762-41.754-42.239-7.943,7.991Z"
                                transform="translate(-131.49 -134.865)" fill="#222025" fill-rule="evenodd" />
                        </svg>
                    </a>
                    <a href="#" class="btn btn-primary btn-style-5 btn-style-lg btn-c-primary"
                        title="Title">Read More
                        <svg xmlns="http://www.w3.org/2000/svg" width="150" height="100" viewBox="0 0 150 100">
                            <path data-name="Path 40078"
                                d="M261.973,181.215l-130.257-.684L131.49,190.8H259.7L223.85,226.876l7.943,7.99,49.7-49.77-.227-.229-7.716-7.762-41.754-42.239-7.943,7.991Z"
                                transform="translate(-131.49 -134.865)" fill="#222025" fill-rule="evenodd" />
                        </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-5 btn-style-sm btn-c-green" title="Title">Read
                        More
                        <svg xmlns="http://www.w3.org/2000/svg" width="150" height="100" viewBox="0 0 150 100">
                            <path data-name="Path 40078"
                                d="M261.973,181.215l-130.257-.684L131.49,190.8H259.7L223.85,226.876l7.943,7.99,49.7-49.77-.227-.229-7.716-7.762-41.754-42.239-7.943,7.991Z"
                                transform="translate(-131.49 -134.865)" fill="#222025" fill-rule="evenodd" />
                        </svg>
                    </a>
                    <a href="#" class="btn btn-primary btn-style-5 btn-style-md btn-c-green" title="Title">Read
                        More
                        <svg xmlns="http://www.w3.org/2000/svg" width="150" height="100" viewBox="0 0 150 100">
                            <path data-name="Path 40078"
                                d="M261.973,181.215l-130.257-.684L131.49,190.8H259.7L223.85,226.876l7.943,7.99,49.7-49.77-.227-.229-7.716-7.762-41.754-42.239-7.943,7.991Z"
                                transform="translate(-131.49 -134.865)" fill="#222025" fill-rule="evenodd" />
                        </svg>
                    </a>
                    <a href="#" class="btn btn-primary btn-style-5 btn-style-lg btn-c-green" title="Title">Read
                        More
                        <svg xmlns="http://www.w3.org/2000/svg" width="150" height="100" viewBox="0 0 150 100">
                            <path data-name="Path 40078"
                                d="M261.973,181.215l-130.257-.684L131.49,190.8H259.7L223.85,226.876l7.943,7.99,49.7-49.77-.227-.229-7.716-7.762-41.754-42.239-7.943,7.991Z"
                                transform="translate(-131.49 -134.865)" fill="#222025" fill-rule="evenodd" />
                        </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-5 btn-style-sm btn-c-black" title="Title">Read
                        More
                        <svg xmlns="http://www.w3.org/2000/svg" width="150" height="100" viewBox="0 0 150 100">
                            <path data-name="Path 40078"
                                d="M261.973,181.215l-130.257-.684L131.49,190.8H259.7L223.85,226.876l7.943,7.99,49.7-49.77-.227-.229-7.716-7.762-41.754-42.239-7.943,7.991Z"
                                transform="translate(-131.49 -134.865)" fill="#222025" fill-rule="evenodd" />
                        </svg>
                    </a>
                    <a href="#" class="btn btn-primary btn-style-5 btn-style-md btn-c-black" title="Title">Read
                        More
                        <svg xmlns="http://www.w3.org/2000/svg" width="150" height="100" viewBox="0 0 150 100">
                            <path data-name="Path 40078"
                                d="M261.973,181.215l-130.257-.684L131.49,190.8H259.7L223.85,226.876l7.943,7.99,49.7-49.77-.227-.229-7.716-7.762-41.754-42.239-7.943,7.991Z"
                                transform="translate(-131.49 -134.865)" fill="#222025" fill-rule="evenodd" />
                        </svg>
                    </a>
                    <a href="#" class="btn btn-primary btn-style-5 btn-style-lg btn-c-black" title="Title">Read
                        More
                        <svg xmlns="http://www.w3.org/2000/svg" width="150" height="100" viewBox="0 0 150 100">
                            <path data-name="Path 40078"
                                d="M261.973,181.215l-130.257-.684L131.49,190.8H259.7L223.85,226.876l7.943,7.99,49.7-49.77-.227-.229-7.716-7.762-41.754-42.239-7.943,7.991Z"
                                transform="translate(-131.49 -134.865)" fill="#222025" fill-rule="evenodd" />
                        </svg>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
                    
                    Copy to clipboard