Primer

HTML

<a href="#" class="button show-lightbox" data-lightbox="poster">Poster maker</a>

<div class="lightbox lightbox--full"  data-lightbox="poster" data-class="full">
	<a href="#" class="lightbox__close lightbox__close--icon"></a>
	<div class="inner">
		<h1>Poster maker</h1>
		<div class="cakes-poster inner"></div>
	</div>		
</div>

Twig

<a href="#" class="button show-lightbox" data-lightbox="poster">{{ poster_button }}</a>

<div class="lightbox lightbox--full"  data-lightbox="poster" data-class="full">
	<a href="#" class="lightbox__close lightbox__close--icon"></a>
	<div class="inner">
		<h1>Poster maker</h1>
		<div class="cakes-poster inner"></div>
	</div>		
</div>

{
    "poster_button": "Poster maker"
}