.btn.btn-primary.btn-auth,
#submit.btn-auth,
#verify.btn-auth {
	min-height: 52px;
	border-radius: 14px;
	font-weight: 800;
	font-size: 15px;
	background: linear-gradient(90deg, #fb7185 0%, #f59e0b 22%, #e879f9 48%, #818cf8 72%, #fb7185 100%) !important;
	background-size: 320% 100% !important;
	border: none !important;
	color: #0f172a !important;
	box-shadow: 0 8px 28px rgba(244, 114, 182, 0.4);
	position: relative;
	overflow: hidden;
	isolation: isolate;
	animation: authBtnFlow 3.2s linear infinite, authBtnAura 2.1s ease-in-out infinite !important;
}
.btn.btn-primary.btn-auth::before,
#submit.btn-auth::before,
#verify.btn-auth::before {
	content: '';
	position: absolute;
	inset: -20% -40%;
	background: linear-gradient(115deg, transparent 30%, rgba(255,255,255,0.55) 48%, transparent 66%);
	transform: translateX(-80%) rotate(12deg);
	animation: authBtnSpark 2.4s ease-in-out infinite;
	z-index: 1;
}
.btn.btn-primary.btn-auth::after,
#submit.btn-auth::after,
#verify.btn-auth::after {
	content: '';
	position: absolute;
	inset: -4px;
	border-radius: 18px;
	background: conic-gradient(from 180deg, transparent 0 55%, rgba(251, 191, 36, 0.85) 70%, transparent 85%);
	opacity: 0.55;
	z-index: 0;
	pointer-events: none;
	animation: authBtnOrbit 2.6s linear infinite;
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	padding: 2px;
}
.btn.btn-primary.btn-auth:hover,
#submit.btn-auth:hover,
#verify.btn-auth:hover {
	transform: translateY(-4px) scale(1.02);
	box-shadow: 0 16px 42px rgba(232, 121, 249, 0.5), 0 0 28px rgba(251, 191, 36, 0.35);
	filter: brightness(1.08);
	color: #0f172a !important;
}
.btn.btn-primary.btn-auth i,
#submit.btn-auth i,
#verify.btn-auth i,
.btn.btn-primary.btn-auth > *,
#submit.btn-auth > *,
#verify.btn-auth > * {
	position: relative;
	z-index: 2;
}
@keyframes authBtnFlow {
	0% { background-position: 0% 50%; }
	100% { background-position: 320% 50%; }
}
@keyframes authBtnAura {
	0%, 100% { box-shadow: 0 8px 26px rgba(244, 114, 182, 0.38), 0 0 0 0 rgba(251, 191, 36, 0.2); }
	33% { box-shadow: 0 12px 36px rgba(232, 121, 249, 0.5), 0 0 22px rgba(251, 191, 36, 0.35); }
	66% { box-shadow: 0 10px 32px rgba(129, 140, 248, 0.45), 0 0 18px rgba(251, 113, 133, 0.3); }
}
@keyframes authBtnSpark {
	0% { transform: translateX(-80%) rotate(12deg); }
	55%, 100% { transform: translateX(80%) rotate(12deg); }
}
@keyframes authBtnOrbit {
	to { transform: rotate(360deg); }
}