//
// Buttons
// --------------------------------------------------


// Base styles
// --------------------------------------------------

.btn {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  .icon {
    &:before, &:after {
      color: $primary;
    }
  }
}




.btn-inverse {
  @include button-variant($gray-800, $gray-800);
}

.btn-default {
  @include button-variant(#fff, $gray-300);
}



.btn.btn-filter {


  &:hover {
    color: $gray-600;
    background-color: inherit;
  }

  &.active, &.active:focus, &.active:hover, &.active:active {
    background: $primary;
    border-color: $primary;
    color: #fff;
    outline: none;
  }

}
