buttons style : demo 263

                        

                            

                                

                                    

                                        
                                            button
                                        
                                    
                                
                            
                        
                    

                    .btn{
                        color: #fff;
                        background: linear-gradient(to right,#227e22,#63a211);
                        font-family: "Bree Serif", serif;
                        font-size: 22px;
                        font-weight: 500;
                        width: 130px;
                        text-transform: uppercase;
                        padding: 8px 8px;
                        border-radius: 0;
                        border: none;
                        position: relative;
                        transition: all 0.35s;
                    } 
                    .btn:hover,
                    .btn:focus{
                        color:#fff;
                    }
                    .btn span{
                        letter-spacing: 1px;
                        transition: all 0.3s ease-in-out;
                    }
                    .btn:hover span{
                        letter-spacing: 4px;
                    }
                    @media only screen and (max-width: 767px){
                        .btn{ margin-bottom: 30px; }
                    }