.button-active(@g1) {
    background: lighten(@g1, 25%);
    border-color: @orange;
}

.button-style(@g1) {
    background: @g1;

    &, & i::before {
        color: rgba(0,0,0,.45);
    }

    &:hover {
        background: lighten(@g1, 10%);
    }

    &:active {
        .button-active(@g1);
    }

    font-size: @fontSizeSmaller;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;

    .border-radius(3px);
    border: 2px solid @controlBorder;

    position: relative;
}

.control-inset {
    .size(@controlHeight - 4px, @controlWidth2 - 10px);
    .border-radius(3px);
    border: 2px solid #eee;
    background: white;
}