Contextual Sign in button with extended custom label

Expected output code

<div class="col-xs-5 col-xs-offset-7 col-md-offset-0 col-md-4">
			<section id="wb-so">
				<h2 class="wb-inv">Sign in</h2>
				<a class="btn btn-primary" href="https://www.canada.ca/en/revenue-agency/services/e-services/e-services-individuals/account-individuals.html"><span class="visible-xs">Sign in</span>
				<span class="hidden-xs">Sign in to [account name]</span>
				</a>
			</section>
		</div>

GCWeb Jekyll - Front matter example

"auth": {
		"type": "contextual",
		"link": "https://www.canada.ca/en/revenue-agency/services/e-services/e-services-individuals/account-individuals.html",
		"label": "Sign in",
		"labelExtended": "Sign in to [account name]"
	}