/* Button Primary */ .u-btn-primary {

@include u-button-flat ($g-color-primary, $g-color-white, $g-color-white);
@include u-button-flat-hover (1, 1, $g-color-primary);
@include u-button-flat-hover (1, 2, $g-color-primary);
@include u-button-flat-hover (1, 3, $g-color-primary);
@include u-button-flat-hover (1, 4, $g-color-primary);
@include u-button-flat-hover (2, 1, $g-color-primary);
@include u-button-flat-hover (2, 2, $g-color-primary);

}

/* Button White */ .u-btn-white {

@include u-button-flat ($g-color-white, $g-color-gray-dark-v3, $g-color-gray-dark-v3);
@include u-button-flat-hover (1, 1, $g-color-white);
@include u-button-flat-hover (1, 2, $g-color-white);
@include u-button-flat-hover (1, 3, $g-color-white);
@include u-button-flat-hover (1, 4, $g-color-white);
@include u-button-outline-hover (2, 1, $g-color-white);
@include u-button-outline-hover (2, 2, $g-color-white);

}

/* Button Black */ .u-btn-black {

@include u-button-flat ($g-color-black, $g-color-white, $g-color-white);
@include u-button-flat-hover (1, 1, $g-color-black);
@include u-button-flat-hover (1, 2, $g-color-black);
@include u-button-flat-hover (1, 3, $g-color-black);
@include u-button-flat-hover (1, 4, $g-color-black);
@include u-button-outline-hover (2, 1, $g-color-black);
@include u-button-outline-hover (2, 2, $g-color-black);

}

/* Button Dark Gray */ .u-btn-darkgray {

@include u-button-flat ($g-color-gray-dark-v2, $g-color-white, $g-color-white);
@include u-button-flat-hover (1, 1, $g-color-gray-dark-v2);
@include u-button-flat-hover (1, 2, $g-color-gray-dark-v2);
@include u-button-flat-hover (1, 3, $g-color-gray-dark-v2);
@include u-button-flat-hover (1, 4, $g-color-gray-dark-v2);
@include u-button-flat-hover (2, 1, $g-color-gray-dark-v2);
@include u-button-flat-hover (2, 2, $g-color-gray-dark-v2);

}

/* Button Red */ .u-btn-red {

@include u-button-flat ($g-color-red, $g-color-white, $g-color-white);
@include u-button-flat-hover (1, 1, $g-color-red);
@include u-button-flat-hover (1, 2, $g-color-red);
@include u-button-flat-hover (1, 3, $g-color-red);
@include u-button-flat-hover (1, 4, $g-color-red);
@include u-button-flat-hover (2, 1, $g-color-red);
@include u-button-flat-hover (2, 2, $g-color-red);

}

/* Button Red Tomato */ .u-btn-lightred {

@include u-button-flat ($g-color-lightred, $g-color-white, $g-color-white);
@include u-button-flat-hover (1, 1, $g-color-lightred);
@include u-button-flat-hover (1, 2, $g-color-lightred);
@include u-button-flat-hover (1, 3, $g-color-lightred);
@include u-button-flat-hover (1, 4, $g-color-lightred);
@include u-button-flat-hover (2, 1, $g-color-lightred);
@include u-button-flat-hover (2, 2, $g-color-lightred);

}

/* Button Dark Red */ .u-btn-darkred {

@include u-button-flat ($g-color-darkred, $g-color-white, $g-color-white);
@include u-button-flat-hover (1, 1, $g-color-darkred);
@include u-button-flat-hover (1, 2, $g-color-darkred);
@include u-button-flat-hover (1, 3, $g-color-darkred);
@include u-button-flat-hover (1, 4, $g-color-darkred);
@include u-button-flat-hover (2, 1, $g-color-darkred);
@include u-button-flat-hover (2, 2, $g-color-darkred);

}

/* Button Blue */ .u-btn-blue {

@include u-button-flat ($g-color-blue, $g-color-white, $g-color-white);
@include u-button-flat-hover (1, 1, $g-color-blue);
@include u-button-flat-hover (1, 2, $g-color-blue);
@include u-button-flat-hover (1, 3, $g-color-blue);
@include u-button-flat-hover (1, 4, $g-color-blue);
@include u-button-flat-hover (2, 1, $g-color-blue);
@include u-button-flat-hover (2, 2, $g-color-blue);

}

/* Button Indigo */ .u-btn-indigo {

@include u-button-flat ($g-color-indigo, $g-color-white, $g-color-white);
@include u-button-flat-hover (1, 1, $g-color-indigo);
@include u-button-flat-hover (1, 2, $g-color-indigo);
@include u-button-flat-hover (1, 3, $g-color-indigo);
@include u-button-flat-hover (1, 4, $g-color-indigo);
@include u-button-flat-hover (2, 1, $g-color-indigo);
@include u-button-flat-hover (2, 2, $g-color-indigo);

}

/* Button Purple */ .u-btn-purple {

@include u-button-flat ($g-color-purple, $g-color-white, $g-color-white);
@include u-button-flat-hover (1, 1, $g-color-purple);
@include u-button-flat-hover (1, 2, $g-color-purple);
@include u-button-flat-hover (1, 3, $g-color-purple);
@include u-button-flat-hover (1, 4, $g-color-purple);
@include u-button-flat-hover (2, 1, $g-color-purple);
@include u-button-flat-hover (2, 2, $g-color-purple);

}

/* Button Dark Purple */ .u-btn-darkpurple {

@include u-button-flat ($g-color-darkpurple, $g-color-white, $g-color-white);
@include u-button-flat-hover (1, 1, $g-color-darkpurple);
@include u-button-flat-hover (1, 2, $g-color-darkpurple);
@include u-button-flat-hover (1, 3, $g-color-darkpurple);
@include u-button-flat-hover (1, 4, $g-color-darkpurple);
@include u-button-flat-hover (2, 1, $g-color-darkpurple);
@include u-button-flat-hover (2, 2, $g-color-darkpurple);

}

/* Button Pink */ .u-btn-pink {

@include u-button-flat ($g-color-pink, $g-color-white, $g-color-white);
@include u-button-flat-hover (1, 1, $g-color-pink);
@include u-button-flat-hover (1, 2, $g-color-pink);
@include u-button-flat-hover (1, 3, $g-color-pink);
@include u-button-flat-hover (1, 4, $g-color-pink);
@include u-button-flat-hover (2, 1, $g-color-pink);
@include u-button-flat-hover (2, 2, $g-color-pink);

}

/* Button Orange */ .u-btn-orange {

@include u-button-flat ($g-color-orange, $g-color-white, $g-color-white);
@include u-button-flat-hover (1, 1, $g-color-orange);
@include u-button-flat-hover (1, 2, $g-color-orange);
@include u-button-flat-hover (1, 3, $g-color-orange);
@include u-button-flat-hover (1, 4, $g-color-orange);
@include u-button-flat-hover (2, 1, $g-color-orange);
@include u-button-flat-hover (2, 2, $g-color-orange);

}

/* Button Deep Orange */ .u-btn-deeporange {

@include u-button-flat ($g-color-deeporange, $g-color-white, $g-color-white);
@include u-button-flat-hover (1, 1, $g-color-deeporange);
@include u-button-flat-hover (1, 2, $g-color-deeporange);
@include u-button-flat-hover (1, 3, $g-color-deeporange);
@include u-button-flat-hover (1, 4, $g-color-deeporange);
@include u-button-flat-hover (2, 1, $g-color-deeporange);
@include u-button-flat-hover (2, 2, $g-color-deeporange);

}

/* Button Yellow */ .u-btn-yellow {

@include u-button-flat ($g-color-yellow, $g-color-gray-dark-v3, $g-color-gray-dark-v3);
@include u-button-flat-hover (1, 1, $g-color-yellow);
@include u-button-flat-hover (1, 2, $g-color-yellow);
@include u-button-flat-hover (1, 3, $g-color-yellow);
@include u-button-flat-hover (1, 4, $g-color-yellow);
@include u-button-flat-hover (2, 1, $g-color-yellow);
@include u-button-flat-hover (2, 2, $g-color-yellow);

}

/* Button Aqua */ .u-btn-aqua {

@include u-button-flat ($g-color-aqua, $g-color-white, $g-color-white);
@include u-button-flat-hover (1, 1, $g-color-aqua);
@include u-button-flat-hover (1, 2, $g-color-aqua);
@include u-button-flat-hover (1, 3, $g-color-aqua);
@include u-button-flat-hover (1, 4, $g-color-aqua);
@include u-button-flat-hover (2, 1, $g-color-aqua);
@include u-button-flat-hover (2, 2, $g-color-aqua);

}

/* Button Cyan */ .u-btn-cyan {

@include u-button-flat ($g-color-cyan, $g-color-white, $g-color-white);
@include u-button-flat-hover (1, 1, $g-color-cyan);
@include u-button-flat-hover (1, 2, $g-color-cyan);
@include u-button-flat-hover (1, 3, $g-color-cyan);
@include u-button-flat-hover (1, 4, $g-color-cyan);
@include u-button-flat-hover (2, 1, $g-color-cyan);
@include u-button-flat-hover (2, 2, $g-color-cyan);

}

/* Button Teal */ .u-btn-teal {

@include u-button-flat ($g-color-teal, $g-color-white, $g-color-white);
@include u-button-flat-hover (1, 1, $g-color-teal);
@include u-button-flat-hover (1, 2, $g-color-teal);
@include u-button-flat-hover (1, 3, $g-color-teal);
@include u-button-flat-hover (1, 4, $g-color-teal);
@include u-button-flat-hover (2, 1, $g-color-teal);
@include u-button-flat-hover (2, 2, $g-color-teal);

}

/* Button Brown */ .u-btn-brown {

@include u-button-flat ($g-color-brown, $g-color-white, $g-color-white);
@include u-button-flat-hover (1, 1, $g-color-brown);
@include u-button-flat-hover (1, 2, $g-color-brown);
@include u-button-flat-hover (1, 3, $g-color-brown);
@include u-button-flat-hover (1, 4, $g-color-brown);
@include u-button-flat-hover (2, 1, $g-color-brown);
@include u-button-flat-hover (2, 2, $g-color-brown);

}

/* Button Bluegrey */ .u-btn-bluegray {

@include u-button-flat ($g-color-bluegray, $g-color-white, $g-color-white);
@include u-button-flat-hover (1, 1, $g-color-bluegray);
@include u-button-flat-hover (1, 2, $g-color-bluegray);
@include u-button-flat-hover (1, 3, $g-color-bluegray);
@include u-button-flat-hover (1, 4, $g-color-bluegray);
@include u-button-flat-hover (2, 1, $g-color-bluegray);
@include u-button-flat-hover (2, 2, $g-color-bluegray);

}

/* Button Facebook */ .u-btn-facebook {

@include u-button-flat ($g-color-facebook, $g-color-white, $g-color-white);

}

/* Button Twitter */ .u-btn-twitter {

@include u-button-flat ($g-color-twitter, $g-color-white, $g-color-white);

}