.eco-api-status {
  margin: 0 28px 12px;
  padding: 10px 14px;
  border: 1px solid #eddfd3;
  border-radius: 12px;
  background: #fffaf5;
  color: #76513c;
  font: 500 12px/1.5 'Poppins', sans-serif;
}

.eco-api-status[data-state="ok"] {
  border-color: #e8c9b2;
  background: #fff5eb;
  color: #8e491d;
}

.eco-api-status[data-state="warning"] {
  border-color: #edc5a3;
  background: #fff3e6;
  color: #8c451b;
}

@media (max-width: 760px) {
  .eco-api-status {
    margin: 0 14px 10px;
  }
}