<div class='container'>
	<!-- questo è un elemento -->
	<div class='titoli-text__text-sopra'>
		testo
	</div>
	<!-- questo è lo stesso elemento con un modificatore -->
	<div class='titoli-text__text-centrale titoli-text__text-centrale--blu'>
		testo
	</div>
	<!-- questo è sia un elemento che un blocco (perchè a sua volta ha altri elementi) -->
	<div class='titoli-text__text-centrale'>
		<!-- questo è ancora un elemento -->
		<div class='text-centrale__elemento-interno'>
		</div>
		<!-- e questo di nuovo l'elemento con modificatore -->
		<div class='text-centrale__elemento-interno--invertito'>
		</div>
	</div>
	<div class='titoli-text__text-sotto'>
		testo
	</div>
	<div class='titoli-text__btn-cont'>
		pulsante
	</div>
</div>

.container {
	&__text-sopra {
	}
	&__text-centrale {
		&--blu {
		}
	}
	&__text-sotto {
	}
	&__btn-cont {
	}
}
​
.text-centrale {
	&__elemento-interno {
		&--invertito {
		}
	}
}