button, .button
  text-decoration: none
  display: inline-block
  box-sizing: border-box
  border-radius: 3px
  font-size: 14px
  height: 36px
  text-transform: uppercase
  color: #fff
  font-family: $condensed-font
  font-weight: 400
  padding: 0 14px
  transition: background 0.15s ease-out, box-shadow 0.15s ease-out
  border: none
  background: lighten($darker-blue, 5%)

  &.img-button
    text-align: right

    img
      width: 18.5px
      float: left

    span
      margin-left: 18px

    span, img
      position: relative
      display: inline-block

    span
      top: -2px
    img
      top: -4px

  &:not([disabled])
    &, *
      cursor: pointer

  &:not([disabled]):hover
    background: darken($darker-blue, 5%)

  &[disabled]
    opacity: 0.5

  &.split-strong
    font-weight: 400
    color: lighten(#2cb1dd, 25%)

    img
      float: left
      display: inline
      max-height: 30px
      max-width: 30px

    strong
      font-weight: 600
      color: #fff
      letter-spacing: 0.5px

a.button
  color: #fff
  padding-top: 11px