/* ============================================================
   QUALEAD UI Components
   ============================================================ */

.btn-qa-primary {
  background-color: var(--qa-brand);
  border-color: var(--qa-brand);
  color: #ffffff;
}

.btn-qa-primary:hover,
.btn-qa-primary:focus {
  background-color: var(--qa-brand-dark);
  border-color: var(--qa-brand-dark);
  color: #ffffff;
}

.btn-qa-outline {
  background-color: transparent;
  border-color: var(--qa-brand);
  color: var(--qa-brand);
}

.btn-qa-outline:hover,
.btn-qa-outline:focus {
  background-color: var(--qa-brand);
  border-color: var(--qa-brand);
  color: #ffffff;
}

.text-qa-brand {
  color: var(--qa-brand) !important;
}

.bg-qa-brand {
  background-color: var(--qa-brand) !important;
}

.bg-qa-brand-light {
  background-color: var(--qa-brand-light) !important;
}

.border-qa-brand {
  border-color: var(--qa-brand) !important;
}