.percent-card.card-1{
  --accent:#d97706;
  border-color:#f6e1c8;
  border-top-color:#d97706;
}

.percent-card.card-1 .card-num{
  box-shadow:0 4px 10px rgba(217,119,6,.45);
}

.percent-card.card-1 .percent-input:focus{
  border-color:#d97706;
  box-shadow:0 0 0 4px rgba(217,119,6,.14);
}

.percent-card.card-1 .percent-addon{
  background:#f9e9d7;
  color:#9a5a16;
}

.percent-card.card-1 .mode-btn{
  background:#f9e9d7;
  border:1px solid #f4d9b9;
  color:#9a5a16;
}

.percent-card.card-1 .mode-btn.active{
  background:#d97706;
  border-color:#d97706;
  color:#fff;
}

body .percent-card.card-1 .result-coffee.result-coffee{
  background:#fbf1e6;
  border:1px solid #f4d9b9;
  color:#4a3524;
  box-shadow:none;
}

body .percent-card.card-1 .result-coffee.result-coffee b{
  color:#9a5a16;
}