.bb-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 9px;
  border-radius: 999px;
  border: 1px solid rgba(7,20,38,.10);
  background: #F2F8FF;
  font-size: 12px;
  line-height: 1;
  font-weight: 650;
  white-space: nowrap;
}

.bb-status::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}

.bb-status[data-status="live"] {
  color: #12823a;
}

.bb-status[data-status="beta"] {
  color: #a06a00;
}

.bb-status[data-status="experimental"] {
  color: #7550b5;
}

.bb-status[data-status="planned"] {
  color: #687386;
}