.severity-badge {
  --severity-color: #D9E2E8;
  max-width: 100%;
  gap: 0.375rem;
  background: transparent;
  vertical-align: middle;
}

/* Label sizing is independent of the SVG sizing. */
.severity-text {
  font-size: 1.0rem;
  padding: 0.375rem 0.75rem;
  min-height: 2.25rem;
  height: auto;
  line-height: 1.25;
  border-radius: 0.65rem;
  background: var(--severity-color);
  color: #000;
  font-weight: 700;
  -webkit-text-stroke: 0;
  min-width: 0;
  overflow-wrap: anywhere;
}

/* Change these two dimensions without affecting the label. */
.severity-badge[data-severity="7"] .severity-text {
  color: #fff;
}

.severity-icon {
  width: 3.5rem;
  height: 3.5rem;
  flex-shrink: 0;
  display: block;
}

.severity-icon .severity-number {
  font-family: Arial, sans-serif;
  font-size: 60px;
  font-weight: 800;
  fill: var(--severity-color);
  stroke: #000;
  stroke-width: 4px;
  stroke-linejoin: round;
  paint-order: stroke fill;
}