buttons style : demo 32

CSS

                        .btn{
                            color: #fff;
                            text-transform: uppercase;
                            position: relative;
                        }
                        .btn:hover{
                            color: #fff;
                        }
                        .btn:before{
                            content: "";
                            border-width: 10px 0 10px 10px;
                            border-style: solid;
                            position: absolute;
                            top: 30%;
                            right: 0;
                            transition: all 0.3s ease 0s;
                        }
                        .btn:hover:before{
                            right: -10%;
                        }
                        .btn.btn-sm:before{
                            border-width: 7px 0 7px 7px;
                        }
                        .btn.btn-xs:before{
                            border-width: 5px 0 5px 5px;
                        }
                        .btn.red{
                            background: #ff3939;
                        }
                        .btn.red:before{
                            border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ff3939;
                        }
                        .btn.blue{
                            background: #3fb7c8;
                        }
                        .btn.blue:before{
                            border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #3fb7c8;
                        }
                        .btn.orange{
                            background: #f88030;
                        }
                        .btn.orange:before{
                            border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #f88030;
                        }
                        .btn.green{
                            background: #35c568;
                        }
                        .btn.green:before{
                            border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #35c568;
                        }
                        @media screen and (max-width: 767px){
                            .btn{ margin-bottom: 15px; }
                        }
                    
License Terms