.darkmode { cursor: pointer!important;/* border-left: 1px solid #e1e1e1;*/}
.darkmode:hover { background-color: #eee; }
.darkmode span { /*line-height: 60px!important;*/ }
.darkmode .fa-sun {
  padding: 0 12px!important;
  color: orangered!important;
}
.darkmode .fa-moon {
  padding: 0 13px!important;
  color: #000!important;
}


.fly-darkmode.visible {
	transform: scale(1);
	margin: 0 0 0px;
	color: orangered;	
	background: rgba(0 0 0 / .3);
	border-radius: 100%;
}
.fly-darkmode:not(.visible) {
	margin: -66px 0 0;
	transform: scale(0);
}
.fly-darkmode {
    transform: scale(0);
}

li.darkmode {
	background: #d3d3d3;
	width: 5rem;
	height: 5rem;
	position: fixed;
	border-radius: 50%;
	border: none;
	right: 16px;
	bottom: 100px;
	left: unset;
	cursor: pointer;
	transition: all 0.5s ease;
	display: flex;
	justify-content: center;
	align-items: center;
}