clock-style.css

:host {
	display: block;
	width: 300px;
	height: 75px;
	padding: 5px;
	border: 3px solid #316d3f;
	background-color: #6ed887;
	color: #ffffff;
	text-align: center;
	font-size: 28px;
	letter-spacing: 2px;
}

:host(:hover) {
	border: 3px solid #000;
	background-color: #92fcab;
	color: #000;
}

p {
	width: 100%;
	display: 'none';
	position: absolute;
	top: 25%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

p:hover {
	cursor: pointer;
}