$button-font-family: $headings-font-family !default $button-default-color: $theme-color !default $button-default-bg-color: transparent !default $button-default-border: #e1e1e1 !default $button-default-hover-border: darken($button-default-border, 10%) !default $button-color: #fff !default $button-primary-bg-color: $theme-color !default $button-success-bg-color: #5cb85c !default $button-info-bg-color: #1ba39c !default $button-warning-color: #f0ad4e !default $button-danger-color: #d9534f !default $button-inverse-color: #222 !default input[type="button"], input[type="submit"], input[type="reset"], button, .button color: $button-default-color font-family: $button-font-family font-weight: $font-weight-bold text-transform: none background: $button-default-bg-color display: inline-block line-height: 1 border: 2px solid $button-default-border padding: 10px 40px margin-bottom: 5px border-radius: 5px @include transition(all 0.2s ease-in-out) &:focus, &:hover, &:active outline: none text-decoration: none color: $button-default-color border-color: $button-default-hover-border &:active position: relative top: 2px i.fa margin-right: 5px $button-colors: 'primary' $button-primary-bg-color 0 0 0, 'success' $button-success-bg-color 0 0 0, 'info' $button-info-bg-color 0 0 0, 'warning' $button-warning-color 0 0 0, 'danger' $button-danger-color 0 0 0, 'inverse' $button-inverse-color 0 0 0 @include button($button-colors) input[type='submit'], .submit @extend .button-primary .button-block display: block width: 100% margin-left: 0 margin-right: 0 .amy-btn-primary font-size: 20px color: #ffffff background: $theme-color padding: 5px 12px margin-bottom: 10px display: inline-block font-family: $headings-font-family box-shadow: -3px 3px 0 #026d85 -moz-box-shadow: -3px 3px 0 #026d85 -webkit-box-shadow: -3px 3px 0 #026d85 &:hover, &:active, &:focus color: $button-danger-color outline: none