.push-health-banner {
  width: calc(100% - 24px);
  margin: 0 12px 8px;
  padding: 8px 10px;
  border: 1px solid color-mix(in srgb, var(--wine) 24%, var(--line));
  border-radius: 12px;
  background: color-mix(in srgb, var(--wine) 7%, var(--surface));
  color: var(--text);
  font: inherit;
  font-size: .78rem;
  font-weight: 750;
  line-height: 1.25;
  text-align: left;
  cursor: pointer;
  box-sizing: border-box;
}

.push-health-banner[data-state="working"] {
  opacity: .72;
}

.push-health-banner[data-state="blocked"],
.push-health-banner[data-state="error"] {
  border-color: color-mix(in srgb, #b42318 34%, var(--line));
  background: color-mix(in srgb, #b42318 7%, var(--surface));
}