/**
 * Viewed badge — scoped under .vz-product-viewed-badge
 */

.vz-product-viewed-badge {
	background-color: var(--color-blue-eleva);
	color: #fff;
	font-weight: 500;
	padding: 0.25rem 0.5rem;
	font-size: 0.75rem;
	border-radius: var(--radius-pill);
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	text-transform: uppercase;
	white-space: nowrap;
}

.vz-product-viewed-badge[hidden] {
	display: none;
}

.vz-product-viewed-badge .vz-viewed-badge-icon {
	width: 0.875rem;
	height: 0.875rem;
	flex-shrink: 0;
}