:root{
    --delay-default: 250ms;
}

section {
  display: flow-root; 
  padding: 4rem 0; 
}


section h2:first-child {
  margin-top: 0;
}

a.link {
	text-decoration: none;
	color: #00569c;

	--reversed-link-gap: min(100%, 1.35em);
	background: linear-gradient(to right, currentColor, currentColor) 0 var(--reversed-link-gap)/0 1px no-repeat;
	background-position-x: right;
	transition: color var(--delay-default), background-size .5s cubic-bezier(.3, 1, .3, 1);

	&:hover {
		background-position-x: left;
		background-size: 100% 1px;
	}
}