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


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

.btn {
  padding: @padding-base-vertical (@padding-base-horizontal * 2);
  .transition(all .2s ease);
}

.btn-default {

  &:hover, &:focus {
    color: darken(@btn-default-color, 15%)
  }

}

.btn-primary {
  &:hover, &:focus {
    color: darken(@btn-primary-color, 15%)
  }

}


.btn-inverse {
  .button-variant(#fff; @gray-dark; @gray-dark);

  &:hover, &:focus {
    color: darken(@gray-dark, 15%)
  }

}