buttons style : demo 1

HTML

                    
                

CSS

                    .btn:hover, .btn:focus{
                        outline: none;
                        color:#fff;
                    }
                    .btn{
                        border: 1px solid #000;
                        text-transform: uppercase;
                        color:#000;
                        transition:all 0.3s ease 0s;
                    }
                    .btn:hover,
                    .btn:focus{
                        border-radius: 20px;
                        color:#000;
                    }
                    .btn > i{
                        margin-right: 7px;
                    }
                    .btn-lg{
                        font-size: 17px;
                    }
                    .bd-green{
                        border: 1px solid #6dab3c;
                        color:#6dab3c;
                    }
                    .btn.bd-green:hover,
                    .btn.bd-green:focus{
                        color:#6dab3c;
                    }
                    .bd-blue{
                        border: 1px solid #3498db;
                        color:#3498db;
                    }
                    .btn.bd-blue:hover,
                    .btn.bd-blue:focus{
                        color:#3498db;
                    }
                    .bd-orange{
                        border: 1px solid #e67e22;
                        color:#e67e22;
                    }
                    .btn.bd-orange:hover,
                    .btn.bd-orange:focus{
                        color:#e67e22;
                    }
                    .black,
                    .green,
                    .blue,
                    .orange{
                        background: #000;
                        color:#fff;
                    }
                    .black:hover,
                    .green:hover,
                    .blue:hover,
                    .orange:hover,
                    .black:focus,
                    .green:focus,
                    .blue:focus,
                    .orange:focus{
                        color:#fff;
                    }
                    .green{
                        background: #6dab3c;
                        border: 1px solid #6dab3c;
                    }
                    .blue{
                        background: #3498db;
                        border: 1px solid #3498db;
                    }
                    .orange{
                        background: #e67e22;
                        border: 1px solid #e67e22;
                    }
                    @media only screen and (max-width: 767px) {
                        .btn{
                            margin-bottom: 15px;
                        }
                    }