.cluster-layer-container {
	width: 30px;
	height: 30px;
}

.cluster-layer--cluster {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: rgba(33, 150, 243, 0.8);
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	cursor: pointer;
}

.cluster-layer--cluster:before {
	content: " ";
	position: absolute;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	background-color: rgba(33, 150, 243, 0.6);
	z-index: -1;
}

.cluster-layer--point {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: rgba(195, 38, 94, 0.8);
	border: 1px solid #ffffff;
}

.cluster-layer--point:hover {
	width: 25px;
	height: 25px;
	border-width: 2px !important;
}

.marker-content.hovered .cluster-layer--cluster {
	width: 40px;
	height: 40px;
}

.marker-content.hovered .cluster-layer--cluster:before {
	width: 50px;
	height: 50px;
}

.marker-content.hovered .cluster-layer--point {
	width: 25px;
	height: 25px;
	border-color: #51dbd3 !important;
	border-width: 2px !important;
}