.btn {
                    border: none;
                    font-family: inherit;
                    font-size: inherit;
                    color: inherit;
                    background: none;
                    cursor: pointer;
                    padding: 25px 80px;
                    display: inline-block;
                    margin: 15px 30px;
                    text-transform: uppercase;
                    letter-spacing: 1px;
                    font-weight: 700;
                    outline: none;
                    position: relative;
                    -webkit-transition: all 0.3s;
                    -moz-transition: all 0.3s;
                    transition: all 0.3s;
                }

                .btn:after {
                    content: '';
                    position: absolute;
                    z-index: -1;
                    -webkit-transition: all 0.3s;
                    -moz-transition: all 0.3s;
                    transition: all 0.3s;
                }
                /* Pseudo elements for icons */

                .btn:before,
                .icon-heart:after,
                .icon-star:after,
                .icon-plus:after,
                .icon-file:before {
                    font-family: 'icomoon';
                    speak: none;
                    font-style: normal;
                    font-weight: normal;
                    font-variant: normal;
                    text-transform: none;
                    line-height: 1;
                    position: relative;
                    -webkit-font-smoothing: antialiased;
                }

                .icon-arrow-right:before {
                    content: "\e00d";
                }

                .icon-arrow-left:before {
                    content: "\e003";
                }

                /* Button 4 */

                .btn-4 {
                    border-radius: 50px;
                    border: 3px solid rgba(189, 56, 43, 1.0);
                    color: rgba(189, 56, 43, 1.0);
                    overflow: hidden;
                }

                .btn-4:active {
                    border-color: #17954c;
                    color: #17954c;
                }

                .btn-4:hover {
                    background: rgba(219, 213, 201, .6);
                }

                .btn-4:before {
                    position: absolute;
                    height: 100%;
                    font-size: 125%;
                    line-height: 3.5;
                    color: rgba(189, 56, 43, 1.0);
                    -webkit-transition: all 0.3s;
                    -moz-transition: all 0.3s;
                    transition: all 0.3s;
                }

                .btn-4:active:before {
                    color: #17954c;
                }
                /* Button 4a */

                .btn-4a:before {
                    left: 130%;
                    top: 0;
                }

                .btn-4a:hover:before {
                    left: 80%;
                }
                /* Button 4b */
.btn-4b:before {
    left: -50%;
    top: 0;
}

.btn-4b:hover:before {
    left: 10%;
}