@import "mixins/button";
@import "mixins/icon-vcenter";

// Rectangular button.
.rect-button(@color, @hover-color: darken(@color, 20%)) {
    border-radius: 0;
    border: 2px solid @color;
    color: @color;
    &:hover {
        color: @hover-color;
        border-color: @hover-color;
    }
}

.button-color(@color, @background-color, @hover-color: darken(@background-color, 10%)) {

    &:not(.button-ghost) {

        color: @color;
        background-color: @background-color;

        &:hover {
            color: @color;
            background-color: @hover-color;
        }
    }

    .button-ghost& {
        border: 2px solid @background-color;
        color: @background-color;
    }
}