.cc-banner{
  position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:1400;
  max-width:560px;
  background:#ffffff;color:#2a2f36;
  border:1px solid #e4e0d8;border-radius:8px;
  box-shadow:0 18px 44px rgba(20,28,38,.22);
  padding:1.3rem 1.4rem;
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  font-size:.9rem;line-height:1.6;
}
.cc-banner[hidden]{display:none}
.cc-banner__title{font-size:1.02rem;font-weight:600;color:#1c2733;margin-bottom:.4rem}
.cc-banner__text{margin-bottom:1rem;color:#5f6168}
.cc-banner__text a{color:#c84e2c}
.cc-actions{display:flex;flex-flow:row wrap;gap:.55rem}
.cc-btn{
  border:1px solid transparent;border-radius:6px;
  padding:.6rem 1.05rem;font-size:.86rem;font-weight:600;cursor:pointer;
}
.cc-btn--accept{background:#e0613d;color:#fff}
.cc-btn--accept:hover{background:#c84e2c}
.cc-btn--reject{background:#1c2733;color:#fff}
.cc-btn--reject:hover{background:#0f161e}
.cc-btn--config{background:#f5f2ec;color:#1c2733;border-color:#cdc6bb}
.cc-btn--config:hover{background:#ece7dd}
.cc-panel{margin-top:1rem;border-top:1px solid #e4e0d8;padding-top:.9rem}
.cc-panel[hidden]{display:none}
.cc-row{
  display:flex;align-items:flex-start;gap:.6rem;
  padding:.55rem 0;border-bottom:1px solid #f0ece4;
}
.cc-row:last-of-type{border-bottom:none}
.cc-row input{margin-top:.25rem}
.cc-row__name{font-weight:600;color:#1c2733;font-size:.88rem}
.cc-row__desc{font-size:.8rem;color:#7d8088}
.cc-row__fixed{font-size:.78rem;color:#9a8f80;font-weight:600;margin-top:.2rem}
.cc-save{margin-top:.85rem}
@media(max-width:480px){
  .cc-banner{left:.6rem;right:.6rem;bottom:.6rem;padding:1.1rem}
  .cc-btn{flex:1 1 auto;text-align:center}
}