.ccb-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: var(--ccb-padding-v, 4px) var(--ccb-padding-h, 14px);
  border-radius: var(--ccb-radius, 999px);
  font-size: var(--ccb-font-size, 13px);
  font-weight: var(--ccb-font-weight, 600);
  font-family: var(--ccb-font-family, inherit);
  line-height: 1.4;
  color: var(--ccb-text-color, #ffffff);
  background-color: var(--ccb-color, var(--ccb-fallback-color, #999999));
  white-space: nowrap;
  text-transform: var(--ccb-text-transform, none);
}

.ccb-badge .dashicons {
  width: 14px;
  height: 14px;
  font-size: 14px;
  line-height: 1;
}

.ccb-badge-wrap {
  margin-bottom: 1rem;
}

.ccb-badge-wrap--title {
  display: inline-block;
  vertical-align: middle;
}