/* ==========================================================================
   Button extends and mixins
   ========================================================================== */
// @import "buttons/mixins";
// @import "buttons/extends";

/* ==========================================================================
   Button
   ========================================================================== */

.button {
  @include button(
    false,
    map-deep-get($foundation-palette, secondary),
    scale-color(map-deep-get($foundation-palette, secondary), $lightness: -15%),
    map-deep-get($foundation-palette, primary),
    solid
  );
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 0;
}