/* Button design #704B37 */
.upload_photo3b6 button {
  color: #3b6cd8;
  font-size: 11.5px;
  font-weight: 600;
  border-radius: 10px;
  background: rgba(59, 108, 216, 0.1);
  display: flex;
  align-items: center;
  border: 1px solid transparent;
}

.upload_photo3b6.h30 button {
  height: 30px;
  padding: 0px 12px;
}

.coverInp {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  opacity: 0;
  max-width: 100px;
}

.btnPrimaryEC0,
.btnPrimaryEC0-var {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
  border-radius: 10px;
  padding: 4px 10px;
}

.btnPrimaryEC0-var:hover .act,
.btnPrimaryEC0-var .inAct {
  display: none;
}

.btnPrimaryEC0-var .act,
.btnPrimaryEC0-var:hover .inAct {
  display: block;
}

/* Button design #EC0000; */

.btnPrimaryEC0-var {
  border: 1px solid rgba(236, 0, 0, 0.15);

  background: rgba(236, 0, 0, 0.05);
  color: #ec0000;
}

.btnPrimaryEC0 {
  border: 1px solid rgba(112, 75, 55, 0.15);
  background: #ec0000;
  color: #ffffff;
}

.btnPrimaryEC0-var.h34,
.btnPrimaryEC0.h34 {
  height: 34px;
}

.btnPrimaryEC0-var:hover {
  background: #ec0000;
  color: #ffffff;
}

.btn-main3B6 {
  border-radius: 12px;
  border: 1px solid rgba(125, 129, 144, 0.25);
  height: 45px;
  background: #3b6cd8;
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
}

.btn-main3B6.h46,
.btn-mainVar575.h46 {
  height: 46px;
}

.btn-main3B6:disabled {
  opacity: 0.6;
}

.btn-mainVar575 {
  border-radius: 12px;
  border: 1px solid #575b6c;
  height: 45px;
  background: transparent;
  color: #575b6c;
  font-size: 15px;
  font-weight: 600;
}

.btn-mainVar575:disabled {
  opacity: 0.6;
}

/* Button design Dynamic */

.btnDynamic {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0px 15px;
  border-radius: 12px;
  font-size: 15px;
  font-weight: 600;
}

.btnDynamic:disabled {
  opacity: 0.7;
}

.btnDynamic:hover {
  opacity: 0.85;
}

.btnDynamic.h45 {
  height: 46px;
}

.btnDynamic.h46 {
  height: 46px;
}

.btnDynamic.h34 {
  height: 34px;
}

.btnDynamic.h38 {
  height: 38px;
}

.btnDynamic:hover .act,
.btnDynamic.active .act,
.btnDynamic .inAct {
  display: none;
}

.btnDynamic .act,
.btnDynamic:hover .inAct,
.btnDynamic.active .inAct {
  display: block;
}

.btnEC0 {
  border: 1px solid rgba(125, 129, 144, 0.25);
  background: #ec0000;
  color: #fff;
}

.btnVarEC0 {
  border: 1px solid rgba(236, 0, 0, 0.15);
  background: rgba(236, 0, 0, 0.05);
  color: #ec0000;
}

.btnVarEC0.chng:hover {
  background: #ec0000;
  color: #ffffff;
}

.btn3B6 {
  border: 1px solid rgba(125, 129, 144, 0.25);
  background: #3b6cd8;
  color: #fff;
}

.btnVar3B6 {
  border: 1px solid #3b6cd8;
  background: #ffffff;
  color: #3b6cd8;
}

.btnVar3B6-cust {
  border: 1px solid rgba(59, 108, 216, 0.5);
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.05) 0%,
      rgba(59, 108, 216, 0.05) 100%
    ),
    #fff;
  color: #3b6cd8;
}

.btn704 {
  border: 1px solid rgba(112, 75, 55, 0.15);
  background: #704b37;
  color: #fff;
}

.btnVar704 {
  border: 1px solid rgba(112, 75, 55, 0.15);
  background: rgba(112, 75, 55, 0.05);
  color: #704b37;
}

.btnVar704.chng:hover {
  background: #704b37;
  color: #ffffff;
}

.btn05C {
  border: 1px solid rgba(125, 129, 144, 0.25);
  background: #05c368;
  color: #fff;
}

.btnVar05C {
  border: 1px solid rgba(5, 195, 104, 0.15);
  background: rgba(5, 195, 104, 0.05);
  color: #05c368;
}

.btnVar05C.chng:hover {
  background: #05c368;
  color: #ffffff;
}