.cursor {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 10px;
	height: 10px;
	border: 1px solid white;
	border-radius: 50%;
	background-color: #0c54a0;
	color: white;
	font-size: 12px;
	transition: transform 0.1s ease, width 0.1s ease, height 0.1s ease;
}

.cursor.active {
	width: 50px;
	height: 50px;
	border-color: #0c54a0;
	background-color: #0c54a0;
	color: white;
	z-index:999;
}

.cursor.active::after {
	content: "CLICK";
	font-size: 14px;
	font-weight:bold;
	color:white;
	font-family:"Scada", sans-serif;
	opacity: .5;
	background-color: #0c54a0;
	z-index:999;
}

.cursor.active_video {
	width: 50px;
	height: 50px;
	border-color: #0c54a0;
	background-color: #0c54a0;
	color: white;
	z-index:999;
}

.cursor.active_video::after {
	content: "Watch";
	font-size: 14px;
	font-weight:bold;
	color:white;
	font-family:"Scada", sans-serif;
	opacity: .5;
	background-color: #0c54a0;
	z-index:999;
}

.cursor::before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	/* border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 15px solid black; */
	transform: translate(-50%, -50%) rotate(45deg);
}