#square9 .tile {
	position: absolute;
	left: -45%;
	top: -45%;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#square9 .tile:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	box-sizing: border-box;
	border: 10px solid #ffffff;
	border-radius: 50%;
	transform: translate(calc(-50% + 5px), calc(-50% + 5px));
}

#square9 .tile:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	box-sizing: border-box;
	border: 10px solid #ffffff;
	border-radius: 50%;
	transform: translate(calc(50% - 5px), calc(50% - 5px));
}