form.login {
	max-width: 280px;
	margin: 40px auto;
	padding: 40px;
	background-color: #F7F7F7;
	border-radius: 20px;
}

form.login input {
	width: 100%;
}

form.login .password {
	position: relative;
	display: block;
}

form.login .password input { padding-right: 30px; }

form.login .password span {
	position: absolute;
	display: block;
	top: 1px;
	right: 1px;
	width: 32px;
	height: 32px;
	background-image: url(../svg/pass.svg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 32px 64px;
	opacity: 0.5;
}

form.login .password span.show { background-position: bottom center; }

form.login .user {
	width: 48px;
	height: 48px;
	margin: 0 auto 15px auto;
	background-color: #CCC;
	border-radius: 50%;
	background-image: url(../svg/user.svg);
	background-repeat: no-repeat;
	background-size: 32px;
	background-position: top 10px center;
}

form.login .user img { padding: 16px; }

form.login a {
	display: block;
	color: #FFF;
	text-align: left;
	text-decoration: none;
	padding: 8px 20px 8px 40px;
	margin: 20px 0;
	background-repeat: no-repeat;
	background-position: center left 13px;
	border-radius: 4px;
	cursor: pointer;
	transition: background-color 0.5s ease;
}

form.login button {
	background-color: var(--dblue);
	padding: 10px 40px 12px 40px;
	display: inline-block;
	background-color: var(--dblue);
	color: var(--white);
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 40px;
	cursor: pointer;
	transition: background-color .5s;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
}

form.login button:hover { background-color: var(--lblue); }