.btn,
.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.alt.button,
.woocommerce button.alt.button,
.woocommerce input.alt.button,
input[type=submit] {
    display: inline-block;
    font-weight: 400;
    color: $font-color;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 5px 12px;
    height: 44px;
    font-size: $font-size;
    border-radius: $border-radius;
    transition: $transition;
    line-height: 32px;
}

.btn:hover,
.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.alt.button:hover,
.woocommerce button.alt.button:hover,
.woocommerce input.alt.button:hover,
input[type=submit]:hover {
    color: $font-color;
    text-decoration: none;
}

.btn:focus,
.button:focus,
.woocommerce a.button:focus,
.woocommerce button.button:focus,
.woocommerce input.button:focus,
.woocommerce a.alt.button:focus,
.woocommerce button.alt.button:focus,
.woocommerce input.alt.button:focus,
input[type=submit]:focus {
    outline: 0;
    box-shadow: none;
}

.btn:disabled,
.button:disabled,
.woocommerce a.button:disabled,
.woocommerce button.button:disabled,
.woocommerce input.button:disabled,
.woocommerce a.alt.button:disabled,
.woocommerce button.alt.button:disabled,
.woocommerce input.alt.button:disabled,
input[type=submit]:disabled {
    opacity: 0.5;
}

.btn-primary {
    color: #FFF;
    background-color: $primary;
    border-color: $primary;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    color: #FFF;
    background-color: lighten($primary, 4);
    border-color: lighten($primary, 4);
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #FFF;
    opacity: 0.5;
}

.btn-success {
    color: #FFF;
    background-color: $success;
    border-color: $success;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active {
    color: #FFF;
    background-color: lighten($success, 4);
    border-color: lighten($success, 4);
}

.btn-success.disabled,
.btn-success:disabled {
    color: #FFF;
    opacity: 0.5;
}

.btn-danger,
.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.alt.button,
.woocommerce button.alt.button,
.woocommerce input.alt.button,
input[type=submit] {
    color: #FFF;
    background-color: $danger;
    border-color: $danger;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.button:hover,
.button:focus,
.button:active,
.woocommerce a.button:hover,
.woocommerce a.button:focus,
.woocommerce a.button:active,
.woocommerce button.button:hover,
.woocommerce button.button:focus,
.woocommerce button.button:active,
.woocommerce input.button:hover,
.woocommerce input.button:focus,
.woocommerce input.button:active,
.woocommerce a.alt.button:hover,
.woocommerce button.alt.button:hover,
.woocommerce input.alt.button:hover,
.woocommerce a.alt.button:focus,
.woocommerce button.alt.button:focus,
.woocommerce input.alt.button:focus,
.woocommerce a.alt.button:active,
.woocommerce button.alt.button:active,
.woocommerce input.alt.button:active,
input[type=submit]:hover,
input[type=submit] :focus,
input[type=submit] :active {
    color: #FFF;
    background-color: lighten($danger, 4);
    border-color: lighten($danger, 4);
}

.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt:disabled[disabled]:hover {
    color: #FFF;
    background-color: lighten($danger, 4);
    border-color: lighten($danger, 4);
}

.btn-danger:disabled,
.button:disabled,
.woocommerce a.button:disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button:disabled,
.woocommerce button.alt.button:disabled,
.woocommerce input.alt.button:disabled,
.woocommerce a.alt.button:disabled,
input[type=submit]:disabled {
    opacity: 0.5;
    color: #FFF;
    padding: 5px 12px;
}