.btn-default.btn4{display: inline-block; text-decoration: none; color: #fff; font-weight: 600; font-family: 'Open Sans Condensed'; font-size: 0.75rem; line-height: 30px; padding: 0 40px 0 20px; text-transform: uppercase; letter-spacing: 0; background: #1c2931; position: relative; overflow: hidden;}
.btn-default.btn4:hover{color: #fff; background: #1c2931;}
.btn-default.btn4 span{position: relative; display: inline-block;}
.btn-default.btn4:before{content: ''; display: block; width: 40px; height: 40px; background: #9cbbcc; position: absolute; right: -10px; top: 0;
    transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.btn-default.btn4:hover:before{background: #1c2931;}
.btn-default.btn4:after{ content: "\f105"; font-family: 'FontAwesome'; display: inline-block; position: absolute; right: 0; top: 0; font-size: 14px; color: #fff; width: 30px; text-align: center;}