/* ERROR COLOR VARIABLE */
/* NEUTRAL COLOR VARIABLE */
/* PRIMARY COLOR VARIABLE */
/* SUCCESS COLOR VARIABLE */
/* WARNING COLOR VARIABLE */
/* SHADE COLOR CODE */
/* ========================== BASIC BUTTON ================= */
.cbrex-basic-btn {
  background-color: #F8FAFC;
  border: 1px solid #F8FAFC;
  border-radius: 4px;
  color: #334155;
}

.cbrex-basic-btn:hover {
  background-color: #F1F5F9;
  border: 1px solid #F1F5F9;
  cursor: pointer;
}

.cbrex-basic-btn:focus {
  outline: #A4C5F4 solid 1px;
  outline-offset: 1px;
  background-color: #F8FAFC;
  border: 1px solid #F8FAFC;
  border-radius: 5px;
}

.cbrex-basic-btn:active {
  border: 1px solid #E2E8F0;
  background-color: #E2E8F0;
}

.cbrex-basic-disable-btn {
  background-color: #F1F5F9;
  border: 1px solid #F1F5F9;
  color: #94A3B8;
  border-radius: 4px;
}

.cbrex-basic-disable-btn:hover {
  cursor: not-allowed;
}

.cbrex-basic-disable-btn:focus {
  outline: #A4C5F4 solid 1px;
  outline-offset: 1px;
}

/* ========================== PRIMARY BUTTON =================== */
.cbrex-primary-btn {
  background-color: #1B6ADA;
  border: 1px solid #1B6ADA;
  border-radius: 4px;
  color: #FFFFFF;
}

.cbrex-primary-btn:hover {
  background-color: #1659B6;
  border: 1px solid #1659B6;
  cursor: pointer;
}

.cbrex-primary-btn:focus {
  outline: #A4C5F4 solid 1px;
  outline-offset: 1px;
  background-color: #1B6ADA;
  border: 1px solid #1B6ADA;
  border-radius: 5px;
}

.cbrex-primary-btn:active {
  background-color: #124791;
  border: 1px solid #124791;
}

.cbrex-primary-disable-btn {
  background-color: #EDF3FD;
  border: 1px solid #EDF3FD;
  color: #94A3B8;
  border-radius: 4px;
}

.cbrex-primary-disable-btn:hover {
  cursor: not-allowed;
}

.cbrex-primary-disable-btn:focus {
  outline: #A4C5F4 solid 1px;
  outline-offset: 1px;
}

/* ======================== SECONDARY BUTTON ================= */
.cbrex-secondary-btn {
  background-color: #FFFFFF;
  border: 1px solid #1B6ADA;
  border-radius: 4px;
  color: #1B6ADA;
}

.cbrex-secondary-btn:hover {
  border: 1px solid #1659B6;
  color: #1659B6;
  cursor: pointer;
}

.cbrex-secondary-btn:focus {
  outline: #A4C5F4 solid 1px;
  outline-offset: 1px;
  border: 1px solid #1B6ADA;
  border-radius: 5px;
}

.cbrex-secondary-btn:active {
  border: 1px solid #124791;
  color: #124791;
}

.cbrex-secondary-disable-btn {
  background-color: #FFFFFF;
  border: 1px solid #EDF3FD;
  border-radius: 4px;
  color: #94A3B8;
}

.cbrex-secondary-disable-btn:hover {
  cursor: not-allowed;
}

.cbrex-secondary-disable-btn:focus {
  outline: #A4C5F4 solid 1px;
  outline-offset: 1px;
}

/* ====================== PLAIN BUTTON ================== */
.cbrex-plain-btn {
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #1B6ADA;
}

.cbrex-plain-btn:hover {
  background-color: #EDF3FD;
  border: 1px solid #EDF3FD;
  color: #1659B6;
  cursor: pointer;
}

.cbrex-plain-btn:focus {
  outline: #A4C5F4 solid 1px;
  outline-offset: 1px;
  color: #1B6ADA;
  border-radius: 4px;
}

.cbrex-plain-btn:active {
  color: #124791;
}

.cbrex-plain-disable-btn {
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #A4C5F4;
}

.cbrex-plain-disable-btn:hover {
  cursor: not-allowed;
}

.cbrex-plain-disable-btn:focus {
  outline: #A4C5F4 solid 1px;
  outline-offset: 1px;
}

/* ====================== DESTRUCTIVE BUTTON ================ */
.cbrex-destructive-btn {
  background-color: #EB1E1E;
  border: 1px solid #EB1E1E;
  border-radius: 4px;
  color: #FFFFFF;
}

.cbrex-destructive-btn:hover {
  background-color: #CE1212;
  border: 1px solid #CE1212;
  cursor: pointer;
}

.cbrex-destructive-btn:focus {
  outline: #A4C5F4 solid 1px;
  outline-offset: 1px;
  background-color: #EB1E1E;
  border: 1px solid #EB1E1E;
  border-radius: 5px;
}

.cbrex-destructive-btn:active {
  background-color: #A90F0F;
  border: 1px solid #A90F0F;
}

.cbrex-destructive-disable-btn {
  background-color: #FDECEC;
  border: 1px solid #FDECEC;
  border-radius: 4px;
  color: #F58E8E;
}

.cbrex-destructive-disable-btn:hover {
  cursor: not-allowed;
}

.cbrex-destructive-disable-btn:focus {
  outline: #A4C5F4 solid 1px;
  outline-offset: 1px;
}

/* ======================= SECONDARY DESTRUCTIVE BUTTON ================ */
.cbrex-secondary-destructive-btn {
  background-color: #FFFFFF;
  border: 1px solid #EB1E1E;
  border-radius: 4px;
  color: #EB1E1E;
}

.cbrex-secondary-destructive-btn:hover {
  border: 1px solid #CE1212;
  color: #CE1212;
  cursor: pointer;
}

.cbrex-secondary-destructive-btn:focus {
  outline: #A4C5F4 solid 1px;
  outline-offset: 1px;
  border: 1px solid #EB1E1E;
  border-radius: 5px;
  color: #EB1E1E;
}

.cbrex-secondary-destructive-btn:active {
  border: 1px solid #A90F0F;
  color: #A90F0F;
}

.cbrex-secondary-destructive-disable-btn {
  background-color: #FFFFFF;
  border: 1px solid #FDECEC;
  border-radius: 4px;
  color: #F58E8E;
}

.cbrex-secondary-destructive-disable-btn:hover {
  cursor: not-allowed;
}

.cbrex-secondary-destructive-disable-btn:focus {
  outline: #A4C5F4 solid 1px;
  outline-offset: 1px;
}

/* ===================== PLAIN DESTRUCTIVE BUTTON ================== */
.cbrex-plain-destructive-btn {
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #EB1E1E;
}

.cbrex-plain-destructive-btn:hover {
  background-color: #FDECEC;
  border: 1px solid #FDECEC;
  color: #CE1212;
  cursor: pointer;
}

.cbrex-plain-destructive-btn:focus {
  outline: #A4C5F4 solid 1px;
  outline-offset: 1px;
  background-color: transparent;
  color: #EB1E1E;
  border-radius: 4px;
}

.cbrex-plain-destructive-btn:active {
  color: #A90F0F;
}

.cbrex-plain-destructive-disable-btn {
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #F58E8E;
}

.cbrex-plain-destructive-disable-btn:hover {
  cursor: not-allowed;
}

.cbrex-plain-destructive-disable-btn:focus {
  outline: #A4C5F4 solid 1px;
  outline-offset: 1px;
}

/* ======================== SUCCESS BUTTON ================= */
.cbrex-success-btn {
  background-color: #078E68;
  border: 1px solid #078E68;
  border-radius: 4px;
  color: #FFFFFF;
}

.cbrex-success-btn:hover {
  background-color: #067555;
  border: 1px solid #067555;
  cursor: pointer;
}

.cbrex-success-btn:focus {
  outline: #A4C5F4 solid 1px;
  outline-offset: 1px;
  background-color: #078E68;
  border: 1px solid #078E68;
  border-radius: 5px;
}

.cbrex-success-btn:active {
  background-color: #044E39;
  border: 1px solid #044E39;
}

.cbrex-success-disable-btn {
  background-color: #ECFEF9;
  border: 1px solid #ECFEF9;
  color: #94A3B8;
  border-radius: 4px;
}

.cbrex-success-disable-btn:hover {
  cursor: not-allowed;
}

.cbrex-success-disable-btn:focus {
  outline: #A4C5F4 solid 1px;
  outline-offset: 1px;
}

/* ====================== SECONDARY SUCCESS BUTTON =============== */
.cbrex-secondary-success-btn {
  background-color: #FFFFFF;
  border: 1px solid #078E68;
  border-radius: 4px;
  color: #078E68;
}

.cbrex-secondary-success-btn:hover {
  border: 1px solid #067555;
  color: #067555;
  cursor: pointer;
}

.cbrex-secondary-success-btn:focus {
  outline: #A4C5F4 solid 1px;
  outline-offset: 1px;
  border: 1px solid #078E68;
  border-radius: 5px;
  color: #078E68;
}

.cbrex-secondary-success-btn:active {
  border: 1px solid #044E39;
  color: #044E39;
}

.cbrex-secondary-success-disable-btn {
  background-color: #FFFFFF;
  border: 1px solid #63F8CE;
  border-radius: 4px;
  color: #94A3B8;
}

.cbrex-secondary-success-disable-btn:hover {
  cursor: not-allowed;
}

.cbrex-secondary-success-disable-btn:focus {
  outline: #A4C5F4 solid 1px;
  outline-offset: 1px;
}

/* ==================== PLAIN SUCCESS BUTTON ================== */
.cbrex-plain-success-btn {
  border: 1px solid transparent;
  border-radius: 4px;
  background-color: transparent;
  color: #078E68;
}

.cbrex-plain-success-btn:hover {
  background-color: #ECFEF9;
  border: 1px solid #ECFEF9;
  color: #067555;
  cursor: pointer;
}

.cbrex-plain-success-btn:focus {
  outline: #A4C5F4 solid 1px;
  outline-offset: 1px;
  background-color: transparent;
  color: #078E68;
  border-radius: 4px;
}

.cbrex-plain-success-btn:active {
  color: #044E39;
}

.cbrex-plain-success-disable-btn {
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #0AD69C;
}

.cbrex-plain-success-disable-btn:hover {
  cursor: not-allowed;
}

.cbrex-plain-success-disable-btn:focus {
  outline: #A4C5F4 solid 1px;
  outline-offset: 1px;
}

/* ====================== BUTTON SIZE ================= */
.cbrex-btn-small {
  font-family: Titillium Web;
  font-style: normal;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  line-height: 21px;
  height: 28px;
  padding: 2px 8px 4px 8px;
}

.cbrex-btn-medium {
  font-family: Titillium Web;
  font-style: normal;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  line-height: 21px;
  height: 32px;
  padding: 4px 12px 6px 12px;
}

.cbrex-btn-large {
  font-family: Titillium Web;
  font-style: normal;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  line-height: 21px;
  height: 40px;
  padding: 8px 20px 10px 20px;
}
/*# sourceMappingURL=cbrexGlobalButton.css.map */