.color-info {
  color: var(--info);
}

.btn-info:focus,
.btn-info.focus,
.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show>.btn-outline-info.dropdown-toggle,
.btn-info:hover,
.btn-info {
  color: #fff;
  background-color: var(--info);
  border-color: var(--info);
}

.btn-outline-info:hover,
.btn-outline-info {
  color: var(--info);
  background-color: #fff;
  border-color: var(--info);
}

.color-success {
  color: var(--success);
}

.btn-success:focus,
.btn-success.focus,
.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show>.btn-outline-success.dropdown-toggle,
.btn-success:hover,
.btn-success {
  color: #fff;
  background-color: var(--success);
  border-color: var(--success);
}

.btn-outline-success:hover,
.btn-outline-success {
  color: var(--success);
  background-color: #fff;
  border-color: var(--success);
}


.color-warning {
  color: var(--warning);
}

.btn-warning:focus,
.btn-warning.focus,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show>.btn-outline-warning.dropdown-toggle,
.btn-warning:hover,
.btn-warning {
  color: #fff;
  background-color: var(--warning);
  border-color: var(--warning);
}

.btn-outline-warning:hover,
.btn-outline-warning {
  color: var(--warning);
  background-color: #fff;
  border-color: var(--warning);
}


.color-danger {
  color: var(--danger);
}

.btn-danger:focus,
.btn-danger.focus,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show>.btn-outline-danger.dropdown-toggle,
.btn-danger:hover,
.btn-danger {
  color: #fff;
  background-color: var(--danger);
  border-color: var(--danger);
}

.btn-outline-danger:hover,
.btn-outline-danger {
  color: var(--danger);
  background-color: #fff;
  border-color: var(--danger);
}


.btn-outline-info:hover,
.btn-info:hover,
.btn-outline-success:hover,
.btn-success:hover,
.btn-outline-danger:hover,
.btn-danger:hover,
.btn-outline-warning:hover,
.btn-warning:hover {
  opacity: 0.8;
}

.show>.btn-outline-info.dropdown-toggle:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-success.dropdown-toggle:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
  box-shadow: none;
}