/*------------------------------------*\
    #BUTTONS
\*------------------------------------*/

/**
 * A simple button object.
 */

.c-btn {
  @include btn;

  &--default {
    @include btn--default;
  }
}

.c-btn-directional {
  @include button-directional;
}

.c-btn-directional--left {
  @include button-directional--left;
}

.c-btn-directional--right {
  @include button-directional--right;
}

.c-btn-text {
  @include button-reset;
}

// Helper Classes for Humans & Nature
// <a class="button">		      Regular Button 		        </a>
// <a class="button arrow">	      Button with Arrow 	        </a>
// <a class="button default">	  Button with Default Styling 	</a>

.button {
  @include specific(5) {
    @include btn;
    text-decoration: none;

    &.default {
      @include btn--default;
    }

    &.full {
      width: 100%;
    }

    &.arrow {
      @include button-directional;
      @include button-directional--right;
    }
  }
}