/* ---------------------------------------------------------------

Buttons

*/


button:not([class*="vjs"]),
input[type=submit],
#content .buttoned span.lp-link,
.eval span.clickable {

    @extend .btn
    @extend .btn-default

    &:hover,
    &:focus {
        @extend .btn-hover-focus
    }
    
    &:active {
        @extend .btn-active
    }

    &.button-disabled {
        @extend .btn-disabled
    }

    &.ui-icon {
        background-color: transparent !important;
        padding: 0;
    }    
}

a.back-link {
    color: #fff !important; 
}


@media screen and (max-width: 619px) {

    button:not(.ui-icon):not([class*="vjs"]),
    input[type=submit],
    #content .buttoned span.lp-link,
    .eval span.clickable {
        display: block !important;
        float: none;
        margin: 0 auto 15px;
        padding: 12px;
        width: 100% !important;
    }
}