{{{ args.before_widget }}}

	<div class="page-box  page-box--{{ instance.layout }}">
		{{# block  }}
			<a class="page-box__picture" href="{{ page.link }}"><img src="{{ page.image_url }}" width="{{ page.image_width }}" height="{{ page.image_height }}" srcset="{{ page.srcset }}" sizes="(min-width: 992px) 360px, calc(100vw - 30px)" class="wp-post-image" alt="{{ page.post_title }}"></a>
		{{/ block  }}
		{{^ block  }}
			<a class="page-box__picture" href="{{ page.link }}">{{{ page.thumbnail }}}</a>
		{{/ block  }}
		<div class="page-box__content">
			<h5 class="page-box__title  text-uppercase"><a href="{{ page.link }}">{{ page.post_title }}</a></h5>
			<p>{{{ page.post_excerpt }}}</p>
			{{# block }}
				<p><a href="{{ page.link }}" class="read-more  read-more--page-box">{{ instance.read_more_text }}</a></p>
			{{/ block }}
		</div>
	</div>

{{{ args.after_widget }}}