#WaterDrop {
	position: relative;
	margin-top: 25px;
	margin-bottom: 25px;
	width: 150px;
	height: 150px;
	box-shadow: inset 10px 10px 10px rgb(0 0 0 / 5%),
	15px 25px 10px rgb(0 0 0 / 5%),
	15px 20px 20px rgb(0 0 0 / 5%),
	inset -10px -10px 15px rgb(255 255 255 / 90%);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}
#WaterDrop::before {
	content: '';
	position: absolute;
	top: 35px;
	left: 25px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #fff;
}
#WaterDrop::after {
	content: '';
	position: absolute;
	top: 25px;
	left: 50px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #fff;
}
#WaterDrop i {
	font-size: 5em;
	color: #444;
}