@keyframes progress
    from
      background-position: -12px 0
    to
      background-position: 0 0

.lego-button
  display: inline-block
  min-height: 36px
  font-size: 15px
  line-height: 1.3
  color: #000
  background: #fff
  border: 1px solid #ccc
  border-radius: 4px
  padding: 0
  outline: none
  cursor: pointer

  &_full-width
    width: 100%

  &:active
    background: #f8f8f8

  &[disabled],
  &[disabled]:active,
  &_action[disabled],
  &_action[disabled]:active
    color: #999
    background: #e1e1e1
    border-color: #e1e1e1
    cursor: default

  &_busy,
  &_busy[disabled],
  &_busy[disabled]:active,
  &_action&_busy,
  &_action&_busy[disabled],
  &_action&_busy[disabled]:active
    color: #000
    background-image: repeating-linear-gradient(-45deg, #ffd426, #ffd426 4px, #f7c600 4px, #f7c600 8px)
    border: none
    animation: progress .5s linear infinite

  &__content
    display: inline-block
    padding: 7px 20px

  &_action
    background: #fc0
    border-color: #fc0

    &:active
      background: #e6c648
