button.btn-loading,
button.btn-loading:hover,
button.btn-loading:active{
  cursor:wait!important;
  transform:none!important;
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.42rem;
  max-width:100%;
  min-width:0;
  white-space:normal;
  line-height:1.18;
  text-align:center;
  overflow-wrap:normal;
  word-break:normal;
}

.btn.btn-sm{
  line-height:1.15;
}
.btn.btn-xs{
  font-size:.72rem;
  padding:2px 8px;
  line-height:1.2;
}

.btn i,
.btn svg{
  flex:0 0 auto;
}

.btn.btn-ghost,
.btn.btn-outline-light{
  --mdb-btn-color:var(--text,#edf2f7);
  --mdb-btn-border-color:rgba(255,255,255,.14);
  --mdb-btn-hover-color:#fff;
  --mdb-btn-hover-bg:rgba(255,255,255,.08);
  --mdb-btn-hover-border-color:rgba(255,255,255,.2);
  --mdb-btn-active-color:#fff;
  --mdb-btn-active-bg:rgba(255,255,255,.12);
  --mdb-btn-active-border-color:rgba(255,255,255,.24);
  background:rgba(255,255,255,.045);
  border-color:rgba(255,255,255,.14);
  color:var(--text,#edf2f7);
  box-shadow:none;
  text-transform:none;
  letter-spacing:0;
  font-weight:700;
  border-radius:8px;
}

.btn-primary{
  --mdb-btn-bg:#f53245;
  --mdb-btn-border-color:#f53245;
  --mdb-btn-hover-bg:#ff4052;
  --mdb-btn-hover-border-color:#ff4052;
  --mdb-btn-active-bg:#d71930;
  --mdb-btn-active-border-color:#d71930;
  background:linear-gradient(135deg,#ff4052,#e41f35)!important;
  border-color:rgba(245,50,69,.85)!important;
  color:#fff!important;
  box-shadow:0 14px 30px rgba(245,50,69,.22);
  text-transform:none;
  letter-spacing:0;
  font-weight:800;
  border-radius:8px;
}

.btn-primary:hover,
.btn-primary:focus{
  box-shadow:0 18px 38px rgba(245,50,69,.3);
  transform:translateY(-1px);
}

.btn-danger{
  background:linear-gradient(135deg,#ff4052,#d71930)!important;
  border-color:rgba(245,50,69,.85)!important;
  color:#fff!important;
  box-shadow:0 14px 30px rgba(245,50,69,.2);
  text-transform:none;
  letter-spacing:0;
  font-weight:800;
  border-radius:8px;
}

.btn-success{
  background:linear-gradient(135deg,#18d46b,#0ca85a)!important;
  border-color:rgba(24,212,107,.72)!important;
  color:#04100a!important;
  box-shadow:0 14px 30px rgba(24,212,107,.16);
  text-transform:none;
  letter-spacing:0;
  font-weight:800;
  border-radius:8px;
}

.btn-warning{
  background:linear-gradient(135deg,#f0aa21,#c98309)!important;
  border-color:rgba(217,154,24,.75)!important;
  color:#120b01!important;
  box-shadow:0 14px 30px rgba(217,154,24,.16);
  text-transform:none;
  letter-spacing:0;
  font-weight:800;
  border-radius:8px;
}

.btn.btn-ghost:hover,
.btn.btn-ghost:focus,
.btn.btn-outline-light:hover,
.btn.btn-outline-light:focus{
  background:rgba(245,50,69,.14);
  border-color:rgba(245,50,69,.34);
  color:#fff;
  box-shadow:0 10px 24px rgba(245,50,69,.12);
}

.btn.btn-ghost:active,
.btn.btn-outline-light:active{
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.26);
  color:#fff;
  box-shadow:none;
}

.btn.btn-ghost.btn-sm,
.btn.btn-outline-light.btn-sm{
  padding:.38rem .72rem;
  font-size:.76rem;
}

.btn.btn-ghost i,
.btn.btn-outline-light i{
  opacity:.9;
}

.btn-spinner{
  width:1em;
  height:1em;
  display:inline-block;
  flex:0 0 auto;
  border:2px solid currentColor;
  border-right-color:transparent;
  border-radius:50%;
  animation:btnSpin .7s linear infinite;
}

.btn-loading-text{
  display:inline-flex;
  align-items:center;
  gap:inherit;
  min-width:0;
  white-space:normal;
}

@keyframes btnSpin{to{transform:rotate(360deg)}}
@keyframes spin{to{transform:rotate(360deg)}}