.clock {
	display: flex;
	margin: auto;
	flex-direction: row;
	transition: all 0.5s ease;
}

.clock .container {
	width: 80px;
	height: 80px;
	display: flex;
	position: relative;
	background: #4ABDAC;
	border-radius: 8px;
	color: rgb(255,255,255);
	align-items: center;
	justify-content: center;
	transition: all 0.5s ease;
}

.clock .container:hover {
	border-radius: 100%;
  box-shadow: 0px 0px 64px #4abdac5e;
	transform: rotate(360deg) scale(0.75);
}

.clock .container:nth-child(1) {
	margin: 0px 16px 0px 0px;
}

.clock .container:nth-child(2) {
	margin: 0px 16px 0px 16px;
}

.clock .container:nth-child(3) {
	margin: 0px 0px 0px 16px;
}

.clock .container:nth-child(1)::after, .clock .container:nth-child(2)::after {
    position: relative;
    content: ':';
    color: black;
    font-size: 30px;
    right: -46px;
}