<label for="modal-one" class="btn">Open Modal</label>
<section class="modal">
	<input class="modal-open" id="modal-one" type="checkbox" hidden>
	<div class="modal-wrap" aria-hidden="true" role="dialog">
		<label class="modal-overlay" for="modal-one"></label>
		<div class="modal-dialog">
			<header class="modal-header">
				<h2>Modal in CSS?</h2>
				<label class="btn-close" for="modal-one" aria-label="Fechar Modal" aria-hidden="true"></label>
			</header>
			<section class="modal-body">
				<p>One modal example here! :D</p>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam enim deleniti sint fugiat itaque, cupiditate similique numquam voluptas. Amet quibusdam harum necessitatibus minus asperiores saepe qui sapiente natus, quasi eaque.</p>
			</section>
			<footer class="modal-footer">
				<label class="btn btn-primary" for="modal-one">Nice!</label>
			</footer>
		</div>
	</div>
</section>