@import "_mixins/all"

.button
  position: relative
  overflow: visible
  display: inline-block
  padding: 5px 10px
  border: 1px solid #d4d4d4
  margin: 0
  @include border-radius(4px)
  background-color: #ececec
  @include background(linear-gradient(#f4f4f4, #ececec))
  background-clip: padding-box
  cursor: pointer
  outline: none
  text-decoration: none
  text-align: center
  font: 11px/normal sans-serif
  color: $gray-dark-3
  white-space: nowrap

.button:hover,
.button:focus,
.button:active,
.button.active
  border-color: #2356c4
  border-bottom-color: #2a65a0
  background-color: #4a80f3
  @include background(linear-gradient(#6699fa, #4a80f3))
  text-decoration: none
  color: #fff

.button:active,
.button.active
  border-color: #2a65a0
  border-bottom-color: #2356c4
  background-color: #4a80f3
  @include background(linear-gradient(#4a80f3, #6699fa))