<div class="o-example o-example--alert o-example--error" data-o-component="o-example">
	<div class="o-example__container">
		<div class="o-example__content">
-			<p class="o-example__highlight">Something went wrong!
+			<p class="o-example__content-main">
+				<span class="o-example__content-highlight">Something went wrong!</span>
-				<span class="o-example__detail">The quick brown fox did not jump over the lazy dogs.</span>
+				<span class="o-example__content-detail">The quick brown fox did not jump over the lazy dogs.</span>
			</p>
+			<p class="o-example__additional-info">Did you know that that sentence uses all of the letters in the alphabet at least once?</p>
-			<p class="o-example__content-additional">Did you know that that sentence uses all of the letters in the alphabet at least once?</p>

			<div class="o-example__actions">
-				<a href="#" class="o-example__action--primary">Button</a>
+				<a href="#" class="o-example__actions__primary">Button</a>
-				<a href="#" class="o-example__action--secondary">Text link</a>
+				<a href="#" class="o-example__actions__secondary">Text link</a>
			</div>
		</div>
	</div>
</div>