@mixin hook-button(){
    border-radius: 4px;
    text-transform: uppercase;
}

@mixin hook-button-default(){
    border: 1px solid #656D78;
    line-height: 31px;
    padding: 8px 16px;
}

@mixin hook-button-default-hover(){
    border: 1px solid #313439;
}

// @mixin hook-button-hover(){}
// @mixin hook-button-focus(){}
// @mixin hook-button-active(){}
// @mixin hook-button-default(){}
// @mixin hook-button-default-hover(){}
// @mixin hook-button-default-active(){}
// @mixin hook-button-primary(){}
// @mixin hook-button-primary-hover(){}
// @mixin hook-button-primary-active(){}
// @mixin hook-button-secondary(){}
// @mixin hook-button-secondary-hover(){}
// @mixin hook-button-secondary-active(){}
// @mixin hook-button-danger(){}
// @mixin hook-button-danger-hover(){}
// @mixin hook-button-danger-active(){}
// @mixin hook-button-disabled(){}
// @mixin hook-button-small(){}
// @mixin hook-button-large(){}
// @mixin hook-button-text(){}
// @mixin hook-button-text-hover(){}
// @mixin hook-button-text-disabled(){}
// @mixin hook-button-link(){}

@mixin hook-button-misc(){
    .uk-button-default:disabled {
        background-color: #FFFFFF;
        color: rgba(0, 0, 0, 0.2);
        border: 1px solid rgba(0, 0, 0, 0.2);
    }

    .uk-button-secondary:disabled {
        background-color: rgba(101, 109, 120, 0.5);
    }

    .uk-button-danger:disabled {
        background-color: rgba(255, 68, 68, 0.5);
    }

    .uk-button-link {
        padding: 8px 16px;
    }

    .uk-button-link:hover {
        background-color: #E6E9ED;
    }

    .uk-button-link:disabled {
        background-color: #FFFFFF;
    }

    .uk-button-group .uk-button {
        border-radius: 0;
        border: none;
    }

    .uk-button-group .uk-button:first-child {
        border-radius: 4px 0 0 4px;
    }

    .uk-button-group .uk-button:last-child {
        border-radius: 0 4px 4px 0;
    }

    .uk-button-group .uk-button-default:first-child {
        border-left: 1px solid #656D78;
        border-top: 1px solid #656D78;
        border-bottom: 1px solid #656D78;
    }

    .uk-button-group .uk-inline .uk-button {
        border-radius: 0 4px 4px 0;
        border-top: 1px solid #656D78;
        border-right: 1px solid #656D78;
        border-bottom: 1px solid #656D78;
        border-left-style: none;
    }

    .uk-button-group .uk-button-default:last-child {
        border-right: 1px solid #656D78;
        border-top: 1px solid #656D78;
        border-bottom: 1px solid #656D78;
    }

    .uk-button-group .uk-button-default:not(:first-child):not(:last-child) {
        border-top: 1px solid #656D78;
        border-bottom: 1px solid #656D78;
    }
}