@if ( 'bunchy' == $stack ) {

    /* =Button */
    [type="submit"],
    button,
    .button,
    .g1-button {
        @include box-sizing( border-box );
        display: inline-block;
        padding: 8px 13px;
        border-width: 2px;
        margin-#{$right}: 0.2px; /*IE8 inline-block fix*/

        position: relative;
        z-index: 0;

        font-size: 14px;
        line-height: 22px;

        text-decoration: none;
        text-align: center;
        vertical-align: middle;
        zoom: 1;

        @include border-radius( $ui_border_radius );
        @include transition(border-color 0.175s ease-in-out, background-color 0.175s ease-in-out, color 0.175s ease-in-out, padding 0.175s ease-in-out);
    }



    /* Extra small buttons */
    .g1-button-xs {
        padding: 3px 9px;
        border-width: 1px;

        font-size: 11px;
        line-height: 13px;
    }


    /* Small buttons */
    .g1-button-s {
        padding: 5px 19px;
        border-width: 1px;

        font-size: 12px;
        line-height: 14px;
    }

    /* Large buttons */
    .g1-button-l {
        padding: 9px 37px;
        border-width: 3px;

        font-size: 18px;
    }

    /* Extra large buttons */
    .g1-button-xl {
        padding: 9px 27px;
        border-width: 3px;

        font-size: 22px;
    }



    /* Wide buttons */
    .g1-button-wide {
        display: block;
    }

    .g1-button {
        border-color: $color_accent_primary;
        background-color: $color_accent_primary;
        color: #fff;
    }


    button,
    [type=submit],
    [type=reset],
    [type=button],
    .button,
    .g1-button {
        font-family: "Roboto Condensed", sans-serif;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.1em;

        &:hover {
            box-shadow: 0 3px 6px -3px rgba(0,0,0, 0.333);
            //box-shadow: 0 1px 1px rgba(0,0,0, 0.333);
        }

        &:active {
            box-shadow: inset 0 3px 6px -3px rgba(0,0,0, 0.333);
        }
    }



    [disabled]:hover,
    [disabled]:hover {
        opacity: 0.333;
    }


    @media only screen and ( min-width: 1025px ) {
        .g1-button-m {
            padding-#{$left}: 28px;
            padding-#{$right}: 28px;
        }

        .g1-button-xl {
            padding: 15px 37px;
            border-width:3px;

            font-size: 30px;
        }




        button,
        [type=submit],
        [type=reset],
        [type=button],
        .button,
        .g1-button {
            letter-spacing: 0.2em;
        }
    }

    .g1-button-subtle{
        color: $skin_important_text_color;
        background-color: $skin_background_tone_color;
        border-color: $skin_background_tone_color;
    }

}
