a {
	transition: all 0.1s ease-out;
	@media (prefers-reduced-motion) {
		transition: none;
	}
	&:link {
		color: var(--link-color);
		text-decoration-thickness: .125rem;
		text-underline-offset: 0.125em;
		text-decoration-skip-ink: none;
	}
	&:visited {
		color: var(--link-visited);
	}
	&:focus {
		outline: none;
		background: var(--primary-accent);
		color: var(--primary-accent-text);	
		padding: 4px;
		border-radius: 2px;
		text-decoration: none;
	}
	&:hover {
		text-decoration-thickness: 0.25em;
		text-underline-offset: 0.25em;
	}
	&:active {

	}
 }