// basic button styles
@mixin button-utility(
  $backgroundColor: transparent,
  $border: 0,
  $cursor: pointer,
  $margin: 0,
  $outline: 0,
  $padding: 0) {
	background-color: $backgroundColor;
	border: $border;
	cursor: $cursor;
  margin: $margin;
	outline: $outline;
	padding: $padding;
}

@mixin button-state() {
	&,
  &:active {
    &:focus{
      @include tab-focus;
    }
  }
  &:hover,
  &:focus {
    text-decoration: none;
  }
  &[disabled],
  fieldset[disabled] & {
    cursor: none;
  }
}