fecbuttonui/dist/index.css

fecbuttonui

/* add css module styles here (optional) */

/* !Default Buttons  */

._3zhgE {
  pointer-events: auto !important;
  cursor: not-allowed !important;
  border: 1px solid #d8d8d8;
  outline: none;
  background-color: #f3f3f3;
  color: #a1a1a1;
  padding: 6px 12px;
  font-size: 16px;
  border-radius: 6px;
}

._3_rCW {
  cursor: pointer;
  border: 1px solid #114fd4;
  outline: none;
  background-color: #114fd4;
  color: white;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 6px;
}

._3_rCW:hover {
  border: 1px solid #114fd4;
  background-color: #0b42b8;
  color: white;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 6px;
}

._3u3aD {
  cursor: pointer;
  border: 1px solid #eeeeee;
  outline: none;
  background-color: white;
  color: #0a0a0a;
  padding: 6px 12px;
  font-size: 16px;
  border-radius: 6px;
}

._3u3aD:hover {
  border: 1px solid #e9e9e9;
  background-color: #f3f3f3;
  color: #043ebb;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 6px;
}

._1DBCe {
  cursor: pointer;
  border: 1px solid #222222;
  outline: none;
  background-color: #222222;
  color: white;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 6px;
}

._1DBCe:hover {
  border: 1px solid #0a0a0a;
  background-color: #0a0a0a;
  color: white;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 6px;
}

._3Z4om {
  cursor: pointer;
  border: 1px solid #e0e0e0;
  outline: none;
  background-color: white;
  color: #0a0a0a;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 6px;
}

._3Z4om:hover {
  border: 1px solid #e0e0e0;
  background-color: #f3f3f3;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 6px;
}

._1GLse {
  cursor: pointer;
  border: 1px solid #1C7947;
  outline: none;
  background-color: #1C7947;
  color: white;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 6px;
}

._1GLse:hover {
  border: 1px solid #15663b;
  background-color: #15663b;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 6px;
}

._13Ex1 {
  cursor: pointer;
  border: 1px solid #61229c;
  outline: none;
  background-color: #61229c;
  color: white;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 6px;
}

._13Ex1:hover {
  border: 1px solid #4c1c79;
  background-color: #4c1c79;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 6px;
}

._2oCXQ {
  cursor: pointer;
  border: 1px solid #b11e1e;
  outline: none;
  background-color: #b11e1e;
  color: white;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 6px;
}

._2oCXQ:hover {
  border: 1px solid #9c2222;
  background-color: #9c2222;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 6px;
}

._1MP1n {
  cursor: pointer;
  border: 1px solid #e3cd08;
  outline: none;
  background-color: #e3cd08;
  color: white;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 6px;
}

._1MP1n:hover {
  border: 1px solid #d8c304;
  background-color: #d8c304;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 6px;
}

/* !Outline Buttons */

._3V4of {
  cursor: pointer;
  border: 1px solid #114fd4;
  outline: none;
  background-color: white;
  color: #114fd4;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 6px;
}

._3V4of:hover {
  cursor: pointer;
  border: 1px solid #114fd4;
  outline: none;
  background-color: #114fd4;
  color: white;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 6px;
}

._1-Olb {
  cursor: pointer;
  border: 1px solid #222222;
  outline: none;
  background-color: white;
  color: #222222;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 6px;
}

._1-Olb:hover {
  border: 1px solid #0a0a0a;
  background-color: #0a0a0a;
  color: white;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 6px;
}

._XzQGG {
  cursor: pointer;
  border: 1px solid #1C7947;
  outline: none;
  background-color: white;
  color: #1C7947;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 6px;
}

._XzQGG:hover {
  border: 1px solid #15663b;
  background-color: #15663b;
  color: white;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 6px;
}

._omvv4 {
  cursor: pointer;
  border: 1px solid #61229c;
  outline: none;
  background-color: white;
  color: #61229c;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 6px;
}

._omvv4:hover {
  border: 1px solid #4c1c79;
  background-color: #4c1c79;
  color: white;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 6px;
}

._2BjJj {
  cursor: pointer;
  border: 1px solid #b11e1e;
  outline: none;
  background-color: white;
  color: #b11e1e;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 6px;
}

._2BjJj:hover {
  border: 1px solid #9c2222;
  background-color: #9c2222;
  color: white;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 6px;
}

._2VNsW {
  cursor: pointer;
  border: 1px solid #e3cd08;
  outline: none;
  background-color: white;
  color: #e3cd08;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 6px;
}

._2VNsW:hover {
  border: 1px solid #d8c304;
  background-color: #d8c304;
  color: white;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 6px;
}

/* ! Default Button rounded */

._1DUeu {
  cursor: pointer;
  border: 1px solid #114fd4;
  outline: none;
  background-color: #114fd4;
  color: white;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 9999px;
}

._1DUeu:hover {
  border: 1px solid #114fd4;
  background-color: #0b42b8;
  color: white;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
}

._qD7y3 {
  cursor: pointer;
  border: 1px solid #eeeeee;
  outline: none;
  background-color: white;
  color: #0a0a0a;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 9999px;
}

._qD7y3:hover {
  border: 1px solid #e9e9e9;
  background-color: #f3f3f3;
  color: #043ebb;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
}

._1bhai {
  cursor: pointer;
  border: 1px solid #222222;
  outline: none;
  background-color: #222222;
  color: white;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 9999px;
}

._1bhai:hover {
  border: 1px solid #0a0a0a;
  background-color: #0a0a0a;
  color: white;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
}

._850gO {
  cursor: pointer;
  border: 1px solid #e0e0e0;
  outline: none;
  background-color: white;
  color: #0a0a0a;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 9999px;
}

._850gO:hover {
  border: 1px solid #e0e0e0;
  background-color: #f3f3f3;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
}

._1KXyE {
  cursor: pointer;
  border: 1px solid #1C7947;
  outline: none;
  background-color: #1C7947;
  color: white;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 9999px;
}

._1KXyE:hover {
  border: 1px solid #15663b;
  background-color: #15663b;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
}

._3Xgtt {
  cursor: pointer;
  border: 1px solid #61229c;
  outline: none;
  background-color: #61229c;
  color: white;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 9999px;
}

._3Xgtt:hover {
  border: 1px solid #4c1c79;
  background-color: #4c1c79;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
}

._2tdEJ {
  cursor: pointer;
  border: 1px solid #b11e1e;
  outline: none;
  background-color: #b11e1e;
  color: white;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 9999px;
}

._2tdEJ:hover {
  border: 1px solid #9c2222;
  background-color: #9c2222;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
}

._G0F0X {
  cursor: pointer;
  border: 1px solid #e3cd08;
  outline: none;
  background-color: #e3cd08;
  color: white;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 9999px;
}

._G0F0X:hover {
  border: 1px solid #d8c304;
  background-color: #d8c304;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
}

/* ! Outline Rounded Buttons */

._KJNmq {
  cursor: pointer;
  border: 1px solid #114fd4;
  outline: none;
  background-color: white;
  color: #114fd4;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 9999px;
}

._KJNmq:hover {
  cursor: pointer;
  border: 1px solid #114fd4;
  outline: none;
  background-color: #114fd4;
  color: white;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
}

._2uofI {
  cursor: pointer;
  border: 1px solid #222222;
  outline: none;
  background-color: white;
  color: #222222;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 9999px;
}

._2uofI:hover {
  border: 1px solid #0a0a0a;
  background-color: #0a0a0a;
  color: white;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
}

._1WBEO {
  cursor: pointer;
  border: 1px solid #1C7947;
  outline: none;
  background-color: white;
  color: #1C7947;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 9999px;
}

._1WBEO:hover {
  border: 1px solid #15663b;
  background-color: #15663b;
  color: white;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
}

._3qFQZ {
  cursor: pointer;
  border: 1px solid #61229c;
  outline: none;
  background-color: white;
  color: #61229c;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 9999px;
}

._3qFQZ:hover {
  border: 1px solid #4c1c79;
  background-color: #4c1c79;
  color: white;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
}

._3YlGH {
  cursor: pointer;
  border: 1px solid #b11e1e;
  outline: none;
  background-color: white;
  color: #b11e1e;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 9999px;
}

._3YlGH:hover {
  border: 1px solid #9c2222;
  background-color: #9c2222;
  color: white;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
}

._sqgVM {
  cursor: pointer;
  border: 1px solid #e3cd08;
  outline: none;
  background-color: white;
  color: #e3cd08;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 9999px;
}

._sqgVM:hover {
  border: 1px solid #d8c304;
  background-color: #d8c304;
  color: white;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
}

/* !Dashed Buttons  */

._3m12b {
  cursor: pointer;
  border: 1px dashed #114fd4;
  outline: none;
  background-color: white;
  color: #114fd4;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 6px;
}

._-RMJ2 {
  cursor: pointer;
  border: 1px dashed #bebebe;
  outline: none;
  background-color: white;
  color: #0a0a0a;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 6px;
}

._3FaE1 {
  cursor: pointer;
  border: 1px dashed #222222;
  outline: none;
  background-color: white;
  color: #222222;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 6px;
}

._2-teq {
  cursor: pointer;
  border: 1px dashed #d1d1d1;
  outline: none;
  background-color: white;
  color: #0a0a0a;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 6px;
}

._3iH3o {
  cursor: pointer;
  border: 1px dashed #1C7947;
  outline: none;
  background-color: white;
  color: #1C7947;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 6px;
}

._3RFd7 {
  cursor: pointer;
  border: 1px dashed #61229c;
  outline: none;
  background-color: white;
  color: #61229c;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 6px;
}


._3znde {
  cursor: pointer;
  border: 1px dashed #b11e1e;
  outline: none;
  background-color: white;
  color: #b11e1e;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 6px;
}

.__RNc9 {
  cursor: pointer;
  border: 1px dashed #e3cd08;
  outline: none;
  background-color: white;
  color: #e3cd08;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 6px;
}

/* !Button sizes */

._Uyds7 {
  cursor: pointer;
  border: none;
  outline: none;
  background-color: #114fd4;
  color: white;
  padding: 6px 12px;
  font-size: 12px;
  cursor: pointer;
  border-radius: 6px;
  line-height: 1rem;
}

._1Q_jN {
  cursor: pointer;
  border: none;
  outline: none;
  background-color: #114fd4;
  color: white;
  padding: 6px 12px;
  font-size: 14px;
  cursor: pointer;
  border-radius: 6px;
  line-height: 1.25rem;
}

._2FbLO {
  cursor: pointer;
  border: none;
  outline: none;
  background-color: #114fd4;
  color: white;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 6px;
  line-height: 1.5rem;
}

._3A3dK {
  cursor: pointer;
  border: none;
  outline: none;
  background-color: #114fd4;
  color: white;
  padding: 6px 12px;
  font-size: 18px;
  cursor: pointer;
  border-radius: 6px;
  line-height: 1.75rem;
}

._3F2Rk {
  cursor: pointer;
  border: none;
  outline: none;
  background-color: #114fd4;
  color: white;
  padding: 6px 12px;
  font-size: 18px;
  cursor: pointer;
  border-radius: 6px;
  line-height: 2rem;
}

._Uyds7:hover, ._1Q_jN:hover,
._2FbLO:hover, ._3A3dK:hover, ._3F2Rk:hover {
  background-color: #0b42b8;
}

/* * Alternative Button sizes */

._1qpRp {
  cursor: pointer;
  border: none;
  border: 1px solid #eeeeee;
  outline: none;
  background-color: white;
  color: #0a0a0a;
  padding: 6px 12px;
  font-size: 12px;
  cursor: pointer;
  border-radius: 6px;
  line-height: 1rem;
}

._2I1PS {
  cursor: pointer;
  border: none;
  border: 1px solid #eeeeee;
  outline: none;
  background-color: white;
  color: #0a0a0a;
  padding: 6px 12px;
  font-size: 14px;
  cursor: pointer;
  border-radius: 6px;
  line-height: 1.25rem;
}

._1k31s {
  cursor: pointer;
  border: none;
  border: 1px solid #eeeeee;
  outline: none;
  background-color: white;
  color: #0a0a0a;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 6px;
  line-height: 1.5rem;
}

._i6m8E {
  cursor: pointer;
  border: none;
  border: 1px solid #eeeeee;
  outline: none;
  background-color: white;
  color: #0a0a0a;
  padding: 6px 12px;
  font-size: 18px;
  cursor: pointer;
  border-radius: 6px;
  line-height: 1.75rem;
}

._LKj1r {
  cursor: pointer;
  border: none;
  border: 1px solid #eeeeee;
  outline: none;
  background-color: white;
  color: #0a0a0a;
  padding: 6px 12px;
  font-size: 18px;
  cursor: pointer;
  border-radius: 6px;
  line-height: 2rem;
}

._1qpRp:hover,
._2I1PS:hover,
._1k31s:hover,
._i6m8E:hover,
._LKj1r:hover {
  border: 1px solid #e9e9e9;
  background-color: #f3f3f3;
  color: #043ebb;
}

/* * Dark Button sizes */

._1vXGl {
  cursor: pointer;
  border: none;
  border: 1px solid #222222;
  outline: none;
  background-color: #222222;
  color: white;
  padding: 6px 12px;
  font-size: 12px;
  cursor: pointer;
  border-radius: 6px;
  line-height: 1rem;
}

._1pmm3 {
  cursor: pointer;
  border: none;
  border: 1px solid #222222;
  outline: none;
  background-color: #222222;
  color: white;
  padding: 6px 12px;
  font-size: 14px;
  cursor: pointer;
  border-radius: 6px;
  line-height: 1.25rem;
}

._3YNVM {
  cursor: pointer;
  border: none;
  border: 1px solid #222222;
  outline: none;
  background-color: #222222;
  color: white;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 6px;
  line-height: 1.5rem;
}

._2us3W {
  cursor: pointer;
  border: none;
  border: 1px solid #222222;
  outline: none;
  background-color: #222222;
  color: white;
  padding: 6px 12px;
  font-size: 18px;
  cursor: pointer;
  border-radius: 6px;
  line-height: 1.75rem;
}

._3vX6y {
  cursor: pointer;
  border: none;
  border: 1px solid #222222;
  outline: none;
  background-color: #222222;
  color: white;
  padding: 6px 12px;
  font-size: 18px;
  cursor: pointer;
  border-radius: 6px;
  line-height: 2rem;
}

._1vXGl:hover,
._1pmm3:hover,
._3YNVM:hover,
._2us3W:hover,
._3vX6y:hover {
  border: 1px solid #0a0a0a;
  background-color: #0a0a0a;
}

/* * Light Button sizes */

._2JVLE {
  cursor: pointer;
  border: none;
  border: 1px solid #e0e0e0;
  outline: none;
  background-color: white;
  color: #0a0a0a;
  padding: 6px 12px;
  font-size: 12px;
  cursor: pointer;
  border-radius: 6px;
  line-height: 1rem;
}

._2fUEK {
  cursor: pointer;
  border: none;
  border: 1px solid #e0e0e0;
  outline: none;
  background-color: white;
  color: #0a0a0a;
  padding: 6px 12px;
  font-size: 14px;
  cursor: pointer;
  border-radius: 6px;
  line-height: 1.25rem;
}

._1Tdg2 {
  cursor: pointer;
  border: none;
  border: 1px solid #e0e0e0;
  outline: none;
  background-color: white;
  color: #0a0a0a;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 6px;
  line-height: 1.5rem;
}

._1W-RN {
  cursor: pointer;
  border: none;
  border: 1px solid #e0e0e0;
  outline: none;
  background-color: white;
  color: #0a0a0a;
  padding: 6px 12px;
  font-size: 18px;
  cursor: pointer;
  border-radius: 6px;
  line-height: 1.75rem;
}

._31FMW {
  cursor: pointer;
  border: none;
  border: 1px solid #e0e0e0;
  outline: none;
  background-color: white;
  color: #0a0a0a;
  padding: 6px 12px;
  font-size: 18px;
  cursor: pointer;
  border-radius: 6px;
  line-height: 2rem;
}

._2JVLE:hover,
._2fUEK:hover,
._1Tdg2:hover,
._1W-RN:hover,
._31FMW:hover {
  background-color: #f3f3f3;
}

/* * Green Button sizes */

._2gAz0 {
  cursor: pointer;
  border: none;
  border: 1px solid #1C7947;
  outline: none;
  background-color: #1C7947;
  color: white;
  padding: 6px 12px;
  font-size: 12px;
  cursor: pointer;
  border-radius: 6px;
  line-height: 1rem;
}

._1jCqP {
  cursor: pointer;
  border: none;
  border: 1px solid #1C7947;
  outline: none;
  background-color: #1C7947;
  color: white;
  padding: 6px 12px;
  font-size: 14px;
  cursor: pointer;
  border-radius: 6px;
  line-height: 1.25rem;
}

._31gFe {
  cursor: pointer;
  border: none;
  border: 1px solid #1C7947;
  outline: none;
  background-color: #1C7947;
  color: white;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 6px;
  line-height: 1.5rem;
}

._36Ysr {
  cursor: pointer;
  border: none;
  border: 1px solid #1C7947;
  outline: none;
  background-color: #1C7947;
  color: white;
  padding: 6px 12px;
  font-size: 18px;
  cursor: pointer;
  border-radius: 6px;
  line-height: 1.75rem;
}

._3fHyp {
  cursor: pointer;
  border: none;
  border: 1px solid #1C7947;
  outline: none;
  background-color: #1C7947;
  color: white;
  padding: 6px 12px;
  font-size: 18px;
  cursor: pointer;
  border-radius: 6px;
  line-height: 2rem;
}

._2gAz0:hover,
._1jCqP:hover,
._31gFe:hover,
._36Ysr:hover,
._3fHyp:hover {
  border: 1px solid #15663b;
  background-color: #15663b;
}

/* * Purple Button sizes */

._pykEa {
  cursor: pointer;
  border: none;
  border: 1px solid #61229c;
  outline: none;
  background-color: #61229c;
  color: white;
  padding: 6px 12px;
  font-size: 12px;
  cursor: pointer;
  border-radius: 6px;
  line-height: 1rem;
}

._2fbMA {
  cursor: pointer;
  border: none;
  border: 1px solid #61229c;
  outline: none;
  background-color: #61229c;
  color: white;
  padding: 6px 12px;
  font-size: 14px;
  cursor: pointer;
  border-radius: 6px;
  line-height: 1.25rem;
}

._1oaK7 {
  cursor: pointer;
  border: none;
  border: 1px solid #61229c;
  outline: none;
  background-color: #61229c;
  color: white;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 6px;
  line-height: 1.5rem;
}

._1h6rq {
  cursor: pointer;
  border: none;
  border: 1px solid #61229c;
  outline: none;
  background-color: #61229c;
  color: white;
  padding: 6px 12px;
  font-size: 18px;
  cursor: pointer;
  border-radius: 6px;
  line-height: 1.75rem;
}

._14KJT {
  cursor: pointer;
  border: none;
  border: 1px solid #61229c;
  outline: none;
  background-color: #61229c;
  color: white;
  padding: 6px 12px;
  font-size: 18px;
  cursor: pointer;
  border-radius: 6px;
  line-height: 2rem;
}

._pykEa:hover,
._2fbMA:hover,
._1oaK7:hover,
._1h6rq:hover,
._14KJT:hover {
  border: 1px solid #4c1c79;
  background-color: #4c1c79;
}

/* * Red Button sizes */

._2Pmg0 {
  cursor: pointer;
  border: none;
  border: 1px solid #b11e1e;
  outline: none;
  background-color: #b11e1e;
  color: white;
  padding: 6px 12px;
  font-size: 12px;
  cursor: pointer;
  border-radius: 6px;
  line-height: 1rem;
}

._3GOXG {
  cursor: pointer;
  border: none;
  border: 1px solid #b11e1e;
  outline: none;
  background-color: #b11e1e;
  color: white;
  padding: 6px 12px;
  font-size: 14px;
  cursor: pointer;
  border-radius: 6px;
  line-height: 1.25rem;
}

._jadD8 {
  cursor: pointer;
  border: none;
  border: 1px solid #b11e1e;
  outline: none;
  background-color: #b11e1e;
  color: white;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 6px;
  line-height: 1.5rem;
}

._2JDqE {
  cursor: pointer;
  border: none;
  border: 1px solid #b11e1e;
  outline: none;
  background-color: #b11e1e;
  color: white;
  padding: 6px 12px;
  font-size: 18px;
  cursor: pointer;
  border-radius: 6px;
  line-height: 1.75rem;
}

._68XTa {
  cursor: pointer;
  border: none;
  border: 1px solid #b11e1e;
  outline: none;
  background-color: #b11e1e;
  color: white;
  padding: 6px 12px;
  font-size: 18px;
  cursor: pointer;
  border-radius: 6px;
  line-height: 2rem;
}

._2Pmg0:hover,
._3GOXG:hover,
._jadD8:hover,
._2JDqE:hover,
._68XTa:hover {
  border: 1px solid #9c2222;
  background-color: #9c2222;
}

/* * Yellow Button sizes */

._29iqJ {
  cursor: pointer;
  border: none;
  border: 1px solid #e3cd08;
  outline: none;
  background-color: #e3cd08;
  color: white;
  padding: 6px 12px;
  font-size: 12px;
  cursor: pointer;
  border-radius: 6px;
  line-height: 1rem;
}

._34vR6 {
  cursor: pointer;
  border: none;
  border: 1px solid #e3cd08;
  outline: none;
  background-color: #e3cd08;
  color: white;
  padding: 6px 12px;
  font-size: 14px;
  cursor: pointer;
  border-radius: 6px;
  line-height: 1.25rem;
}

._MxUwC {
  cursor: pointer;
  border: none;
  border: 1px solid #e3cd08;
  outline: none;
  background-color: #e3cd08;
  color: white;
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 6px;
  line-height: 1.5rem;
}

._2IRcw {
  cursor: pointer;
  border: none;
  border: 1px solid #e3cd08;
  outline: none;
  background-color: #e3cd08;
  color: white;
  padding: 6px 12px;
  font-size: 18px;
  cursor: pointer;
  border-radius: 6px;
  line-height: 1.75rem;
}

._3ErH- {
  cursor: pointer;
  border: none;
  border: 1px solid #e3cd08;
  outline: none;
  background-color: #e3cd08;
  color: white;
  padding: 6px 12px;
  font-size: 18px;
  cursor: pointer;
  border-radius: 6px;
  line-height: 2rem;
}

._29iqJ:hover,
._34vR6:hover,
._MxUwC:hover,
._2IRcw:hover,
._3ErH-:hover {
  border: 1px solid #d8c304;
  background-color: #d8c304;
}