/**
 * For styles that are used in more than one place throughout the application.
 *
 * 1. Buttons
 *
 */

// 1. Buttons -------------------------------------------------------------------------------------

.at-Button--green {
    .at-mixin-Button();
    .at-mixin-ButtonColor('at-green', 'at-white');

    &[disabled] {
        background: @at-gray-dark;
    }
}
 
.at-Button--blue {
    .at-mixin-Button();
    .at-mixin-ButtonColor('at-blue', 'at-white');
}

.at-Button--red {
    .at-mixin-Button();
    .at-mixin-ButtonColor('at-red', 'at-white');
}

.at-ButtonHollow--white { 
    .at-mixin-Button();
    .at-mixin-ButtonHollow('at-gray-dark-3x', 'at-gray-dark-2x');
    border-color: @at-gray-dark;
}

.at-ButtonIcon {
    padding: @at-space-2x @at-space-4x;
    font-size: @at-font-size-3x;
}