buttons style : demo 28

CSS

                        .btn{
                            position: relative;
                            color: #fff;
                            border-radius: 25px;
                            text-transform: uppercase;
                        }
                        .btn:hover{
                            color:#fff;
                        }
                        .btn:before{
                            content: "";
                            width: 92%;
                            height: 0;
                            border-radius:25px;
                            position: absolute;
                            top: 7.5%;
                            left: 4%;
                            background: rgba(255,255,255,0.0);
                            transition: all 0.20s ease-in-out 0s;
                        }
                        .btn:hover:before{
                            height:85%;
                            background: rgba(255,255,255,0.4);
                        }
                        .btn.red{
                            background: #ff6363;
                        }
                        .btn.blue{
                            background: #3fb7c8;
                        }
                        .btn.orange{
                            background: #ef965c;
                        }
                        .btn.green{
                            background: #7ad79a;
                        }
                        @media only screen and (max-width: 767px){
                            .btn{ margin-bottom:15px; }
                        }
                    
License Terms