
.btn-outline-primary {
  color: $primary-dark;
  border-color: $primary-dark
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: $primary-dark;
  border-color: $primary-dark
}

.btn-primary {
  color: $primary-contrast;
  background-color: $primary;
  border-color: $primary;
  transition: all .3s
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: $primary-contrast;
  background-color: $primary-dark;
  border-color: $primary-dark;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: $primary-dark;
  border-color: $primary-dark;
}

.btn-primary .badge {
  color: $primary-dark;
  background-color: $primary-contrast;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  -webkit-box-shadow: 0px 0px 0px 5px $primary !important;
  -moz-box-shadow: 0px 0px 0px 5px $primary !important;
  box-shadow: 0px 0px 0px 5px $primary !important;
  border-color: $white !important
}

.btn-secondary:active,
.btn-secondary.active,
.open .dropdown-toggle.btn-secondary {
  -webkit-box-shadow: 0px 0px 0px 5px $secondary !important;
  -moz-box-shadow: 0px 0px 0px 5px $secondary !important;
  box-shadow: 0px 0px 0px 5px $secondary !important;
  border-color: $white !important
}

.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  -webkit-box-shadow: 0px 0px 0px 5px $success-dark !important;
  -moz-box-shadow: 0px 0px 0px 5px $success-dark !important;
  box-shadow: 0px 0px 0px 5px $success-dark !important;
  border-color: $white !important
}

.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  -webkit-box-shadow: 0px 0px 0px 5px $danger-dark !important;
  -moz-box-shadow: 0px 0px 0px 5px $danger-dark !important;
  box-shadow: 0px 0px 0px 5px $danger-dark !important;
  border-color: $white !important
}

.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  -webkit-box-shadow: 0px 0px 0px 5px $warning-dark !important;
  -moz-box-shadow: 0px 0px 0px 5px $warning-dark !important;
  box-shadow: 0px 0px 0px 5px $warning-dark !important;
  border-color: $white !important
}

.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  -webkit-box-shadow: 0px 0px 0px 5px $info-dark !important;
  -moz-box-shadow: 0px 0px 0px 5px $info-dark !important;
  box-shadow: 0px 0px 0px 5px $info-dark !important;
  border-color: $white !important
}

.btn.disabled:hover,
.btn:disabled:hover {
  opacity: 0.45;
}