/* Paritaet WPCodeBox #100: line-height in em bleibt 1:1. */
/* stylelint-disable declaration-property-unit-allowed-list */

.gn-status-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 0.8125rem;
	line-height: 1.5em;
	padding: 4px 12px;
	font-weight: 600;
	white-space: nowrap;
}

.gn-status-badge::before {
	width: 6px;
	height: 6px;
	flex-shrink: 0;
	border-radius: 50%;
	content: "";
	background-color: currentcolor;
}

.gn-bg-gray {
	background-color: #f1f5f9;
	color: var(--status-gesendet);
}

.gn-bg-green {
	background-color: #dcfce7;
	color: var(--status-angenommen);
}

.gn-bg-red {
	background-color: #fee2e2;
	color: var(--status-abgelehnt);
}