/* Contenitore usato nella visualizzazione automatica sopra il contenuto */
.le-label-wrap {
	margin-bottom: 16px;
}

/* La label vera e propria */
.le-label-evento {
	display: inline-block;
	padding: 5px 14px;
	border-radius: 4px;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	vertical-align: middle;
}

/* Pallino lampeggiante per dare l'idea del "adesso in diretta" */
.le-label-evento::before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-right: 7px;
	border-radius: 50%;
	background: #fff;
	vertical-align: middle;
	animation: le-pulse 1.4s ease-in-out infinite;
}

@keyframes le-pulse {
	0%, 100% { opacity: 1; }
	50%      { opacity: 0.3; }
}

/* Rispetta chi ha attivato la riduzione dei movimenti nel sistema */
@media (prefers-reduced-motion: reduce) {
	.le-label-evento::before {
		animation: none;
	}
}