label.label
	input(type="checkbox").checkbox
	span

.label {
	background-color: white;
	width: 100px;
	height: 100px;
	border: solid 5px black;
	display: inline-block;
	box-sizing: border-box;
	input[type="checkbox"] {
		display: none;
		&:checked + span {
			display: block;
		}
	}
	span {
		width: 80%;
		height: 40%;
		display: none;
		border-bottom: solid 15px black;
		border-left: solid 15px black;
		box-sizing: border-box;
		transform: rotate(-45deg) translateX(-10%) translateY(55%);
	}
}

body {
	background-color: #8f8f8f;
	width: 100vw;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}