.badge{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 999px;
  border: var(--border);
  background: var(--surface);
  font-size: var(--font-size-sm);
  color: var(--color-gray-700);
  white-space: nowrap;
}

.badge--outline{ background: transparent; }


.kicker{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  border-radius: 999px;
  border: var(--border);
  background: var(--soft);
  font-size: 12px;
  font-weight: 800;
  color: var(--text);
  width: fit-content;
}


.divider{
  display:flex;align-items:center;gap:10px;
  font-size:12px;font-weight:800;color:var(--muted); margin-top: 10px;
  margin-bottom: 10px;
}

.divider::before,.divider::after{
  content:"";flex:1;height:1px;background: var(--border-color);
}