.asl-social-login-wrap {
	margin-top: 18px;
}

.asl-divider {
	display: flex;
	align-items: center;
	text-align: center;
	color: #9ca3af;
	font-size: 13px;
	margin: 14px 0;
}
.asl-divider::before,
.asl-divider::after {
	content: "";
	flex: 1;
	border-bottom: 1px solid #e5e7eb;
}
.asl-divider span {
	padding: 0 10px;
}

.asl-buttons {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.asl-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	padding: 11px 16px;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	border: 1px solid #e5e7eb;
	transition: transform .12s ease, box-shadow .12s ease;
}
.asl-btn:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
	text-decoration: none;
}

.asl-btn-google {
	background: #ffffff;
	color: #1f2937;
}

.asl-btn-facebook {
	background: #1877f2;
	color: #ffffff;
	border-color: #1877f2;
}

.asl-icon {
	width: 18px;
	height: 18px;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.asl-icon-google {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23FFC107' d='M43.6 20.5H42V20H24v8h11.3c-1.6 4.6-6 8-11.3 8-6.6 0-12-5.4-12-12s5.4-12 12-12c3.1 0 5.9 1.2 8 3.1l5.7-5.7C34.6 6.1 29.6 4 24 4 12.9 4 4 12.9 4 24s8.9 20 20 20 20-8.9 20-20c0-1.3-.1-2.6-.4-3.5z'/%3E%3Cpath fill='%23FF3D00' d='M6.3 14.7l6.6 4.8C14.6 15.9 18.9 13 24 13c3.1 0 5.9 1.2 8 3.1l5.7-5.7C34.6 6.1 29.6 4 24 4 16.3 4 9.7 8.3 6.3 14.7z'/%3E%3Cpath fill='%234CAF50' d='M24 44c5.5 0 10.4-2.1 14.1-5.5l-6.5-5.5C29.6 34.9 26.9 36 24 36c-5.2 0-9.7-3.4-11.2-8l-6.6 5.1C9.6 39.6 16.2 44 24 44z'/%3E%3Cpath fill='%231976D2' d='M43.6 20.5H42V20H24v8h11.3c-.8 2.3-2.3 4.3-4.2 5.7l6.5 5.5C39.9 37.2 44 31.5 44 24c0-1.3-.1-2.6-.4-3.5z'/%3E%3C/svg%3E");
}

.asl-icon-facebook {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12c0 4.99 3.66 9.13 8.44 9.88v-6.99H7.9V12h2.54V9.8c0-2.5 1.49-3.89 3.78-3.89 1.1 0 2.24.2 2.24.2v2.46h-1.26c-1.24 0-1.63.77-1.63 1.56V12h2.78l-.44 2.89h-2.34v6.99C18.34 21.13 22 16.99 22 12z'/%3E%3C/svg%3E");
}

.asl-error {
	margin-top: 12px;
}