.btn {
    font-family: 'Roboto Condensed', sans-serif;
    background: #c54132;
    color: #fff;
    text-transform: uppercase;
    padding: 8px 14px 5px 14px;
    display: inline-block;
    font-weight: 700;
    line-height: normal;
    -ms-transform: skew(-10deg);
    -moz-transform: skew(-10deg);
    -o-transform: skew(-10deg);
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg)
}

.btn:hover {
    background: #c23636;
    color: #fff
}

.btn.dark {
    background: #1c2a34;
    color: #fff
}

.btn.dark:hover {
    background: #434d54;
    color: #fff
}

.btn.white {
    background: #fff;
    color: #0a1e2a
}

.btn.white:hover {
    background: #434d54;
    color: #fff
}

.btn span {
    display: inline-block;
    -ms-transform: skew(10deg);
    -moz-transform: skew(10deg);
    -o-transform: skew(10deg);
    -webkit-transform: skew(10deg);
    transform: skew(10deg)
}

.btn span.num {
    padding-left: 5px;
    font-weight: 300
}

.btn-big {
    font-size: 16px;
    padding: 6px 12px 5px 12px
}

.btn-left {
    display: inline-block;
    padding-right: 4px;
    overflow: hidden;
}

.btn-left .btn {
    padding-left: 32px;
    margin-left: -4px
}

.btn-right {
    display: inline-block;
    padding-left: 4px;
    overflow: hidden;
}

.btn-right .btn {
    padding-right: 21px;
    margin-right: -4px
}