.tabs-login {
	display: flex;
	gap: 8px;
	margin-bottom: 20px;
	background: #fff5f7;
	padding: 6px;
	border-radius: 14px;
}

.tabs-login label {
	flex: 1;
	text-align: center;
	padding: 12px 16px;
	cursor: pointer;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 600;
	color: #666;
	transition: all .25s ease;
	user-select: none;
}

/* Активная вкладка */
[id*="as_phone"]:checked ~ .tabs-login label[for*="as_phone"],
[id*="as_email"]:checked ~ .tabs-login label[for*="as_email"] {
	background: #ff2241;
	color: #fff;
	box-shadow: 0 4px 12px rgba(255, 34, 65, .3);
}

/* Hover */
.tabs-login label:hover {
	background: rgba(255, 34, 65, .08);
	color: #ff2241;
}
[id*="as_email"]:checked ~ .as_phone { display: none !important }
[id*="as_phone"]:checked ~ .as_email { display: none !important }

[id*="as_email"]:checked ~ * .as_phone { display: none !important }
[id*="as_phone"]:checked ~ * .as_email { display: none !important }