<div class="h-screen bg-gray-700 text-center flex items-center">
<h1 class="font-sans w-full transition-all duration-300 ease-in-out relative">Check my</h1>	
</div>

h1 {
	--stroke: 1px #9CA3AF;
	--size: 8vw;
	--color: #9CA3AF;
	--spacing: auto;
	cursor: pointer;
	font-size: var(--size);
	-webkit-text-fill-color: var(--color);
  -webkit-text-stroke: var(--stroke);	
	letter-spacing: var(--spacing);
	
	&:focus,
	&:hover {
		--stroke: 2px #EC4899;
		--size: 8.1vw;
		--spacing: .2rem;
		--color: transparent;
		&::after {
		display: inline;
		}	
	}
	&::after {
		content:': Properties';
		display: none;
	}
}