body {
	margin: 0;
}

.switch {
	padding-block: 10% 10%;
	border-radius: 12px;
	margin: 4%;
	text-align: center;
	font-size: 5em;
	font-family: Arial Rounded MT Bold;
	cursor: pointer;
}

.switch.on {
	background: lightgreen;
	border: solid darkgreen 5px;
	color: #484848;
}

.switch.on:active {
	background: darkgreen;
}

.switch.off {
	background: #f95555;
	border: solid darkred 5px;
	color: #484848;
}

.switch.off:active {
	background: darkred;
}