abdullahtarawneh.com/assets/scss/base/links.scss

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-offset: 0.5rem;
		outline-width: 0.25rem;
		border-radius: 0.125rem;
	}
	&:hover {
		text-decoration-thickness: 0.25em;
		text-underline-offset: 0.25em;
	}
	&:active {

	}
}

*[title] {
	text-decoration: underline;
	text-decoration-style: dotted;
}