/* Define the size and position in the css */
.ol-compassctrl.top {
	top: calc(50% - 50px);
	top: 0.5rem;
	left: 2rem;
	width: 100px;
	height: 100px;
}
.ol-compassctrl.bottom {
	top: auto;
	left: auto;
	bottom: 30px;
	right: 0;
	width: 100px;
	height: 100px;
	-webkit-transform: none;
	transform: none;
}