change header login button

ServiceHost/Pages/Shared/_Header.cshtml

@@ -83,19 +83,28 @@
 		}
 
 		.authBgLog {
-			background-color: #F1F1F1;
+			background-color: #38bebe;
+			border: 1px solid #F1F1F1;
+			color: #FFFFFF;
 			width: 100%;
 			border-radius: 9px;
 			padding: 7px 9px;
 			text-align: center;
+			transition: background-color 0.3s ease-in-out,color 0.3s ease-in;
+		}
+		.authBgLog:hover {
+			background-color: #ffffff;
+			color: #38bebe;
+			border: 1px solid #38bebe;
 		}
 		
 		.dark\:authBgLog:is(.dark *) {
 			background-color: #212330;
 			width: 100%;
 			border-radius: 9px;
+			border: 1px solid #38bebe;
 			padding: 7px 9px;
-			color: #ffffff;
+			color: #38bebe;
 		}
 		
 		.lineAuthSeparate {
@@ -187,6 +196,28 @@
 					<path d="M5.63608 5.63657L7.05029 7.05078" stroke="white" stroke-width="2" stroke-linecap="round" />
 				</svg>
 			</button>
+			<div class="flex lg:hidden items-center gap-3">
+				@if (User.Identity.IsAuthenticated)
+				{
+				<a href="@redirectDashboard" class="py-[0.54rem] w-[5.1rem] px-1 text-[0.8rem] font-[500] text-center bg-white border-2 border-[#2DBCBC] text-[#138F8F] rounded-md duration-500 ease-in-out hover:bg-[#2DBCBC] hover:text-white">
+					@* <span>@currentAccount.Fullname</span> *@
+					<span>پیشخان</span>
+				</a>
+				<a asp-page="/Index" asp-page-handler="Logout" class="py-[0.54rem] w-[5.1rem] px-1 text-[0.8rem] font-[500] text-center bg-white border-2 border-[#2DBCBC] text-[#138F8F] rounded-md duration-500 ease-in-out hover:bg-[#2DBCBC] hover:text-white">
+					<span>خروج</span>
+				</a>
+				}
+				else
+				{
+				<a asp-page="/login/Index" class="py-[0.54rem] w-[5.1rem] px-1 text-[0.8rem] font-[500] text-center bg-white border-2 border-[#2DBCBC] text-[#138F8F] rounded-md duration-500 ease-in-out hover:bg-[#2DBCBC] hover:text-white">
+					<span>ورود</span>
+				</a>
+				@* <a $1$asp-page="/register/Index"#1# class="py-[0.54rem] w-[5.1rem] px-1 text-[0.8rem] font-[500] text-center bg-white border-2 border-[#2DBCBC] text-[#138F8F] rounded-md duration-500 ease-in-out hover:bg-[#2DBCBC] hover:text-white disable"> *@
+				@* 	<span>ثبت نام</span> *@
+				@* </a> *@
+
+				}
+			</div>
 		</div>
 	</div>
     
@@ -333,11 +364,11 @@
 				}
 				else
 				{
-					<div class="authBgLog mb-2 dark:authBgLog">
+					<button onclick="window.location.href = './login'" class="authBgLog mb-2 dark:authBgLog">
 						<a asp-page="/login/Index" class="px-1 text-[0.8rem] font-[500] text-center rounded-md duration-500 ease-in-out">
 							<span>ورود</span>
 						</a>
-					</div>
+					</button>
 					@* <div class="authBgLog dark:authBgLog"> *@
 					@* 	<a $1$asp-page="/register/Index"#1# class="px-1 text-[0.8rem] font-[500] text-center rounded-md duration-500 ease-in-out"> *@
 					@* 		<span>ثبت نام</span> *@