.tab [type=radio] {
	/* hide the actual buttons */
	display: none;
}

.tab [type=radio] ~ .content {
	display: none;
}

.tab [type=radio]:checked ~ .content {
	display:block;
}

.tab label:hover {
	cursor: pointer;
}

.tabs {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.tabs .tab {
	flex: 1;
}

.tabs > * {
	padding: 0 1em;
}