<span id="otherLoginMethodsMobileView" class="hidden">
	<span id="otherLoginMethodsTitleMobile">
		<h1 class="font-header text-h4 font-bold text-space-blue dark:text-white mr-3">$text.get("general.login")</h1>
		<h2 class="font-header text-h5 font-bold text-disabled-grey dark:text-white mr-3 pb-4">$text.get(
			"mauth_usernameless.selectLoginMethod")</h2>
	</span>

	<div class="flex flex-col gap-6 pt-4">
		<div id="accessAppMobileBtnContainer"
			 class="flex flex-row items-center w-full px-5 gap-5 cursor-pointer" tabindex="0">
			<img alt=""
				 src="${login.appDataPath}/static/images/accessApp.svg"
				 class="block dark:hidden w-[40px] h-[40px]">
			<img alt=""
				 src="${login.appDataPath}/static/images/accessApp_dark.svg"
				 class="hidden dark:block w-[40px] h-[40px]">
			<agov-button
					class="basis-full"
					data-style="secondary"
					data-name="accessApp"
					data-value="accessApp"
					data-id="accessAppMobileBtn"
					data-label="$text.get("general.accessApp")"
					data-type="button"
					data-fullwidth="true">
			</agov-button>
		</div>
		<div id="securityKeyMobileBtnContainer"
			 class="flex flex-row items-center w-full px-5 gap-5 cursor-pointer" tabindex="0">
			<img alt=""
				 src="${login.appDataPath}/static/images/securityKey.svg"
				 class="block dark:hidden w-[40px] h-[40px]">
			<img alt=""
				 src="${login.appDataPath}/static/images/securityKey_dark.svg"
				 class="hidden dark:block w-[40px] h-[40px]">
			<agov-button
					class="basis-full"
					data-style="secondary"
					data-name="securityKey"
					data-value="securityKey"
					data-id="securityKeyMobileBtn"
					data-label="$text.get("general.securityKey")"
					data-type="button"
					data-fullwidth="true">
			</agov-button>
		</div>
	</div>
</span>