a {
	color: var(--color-link);
	text-decoration: none;
	transition: var(--transition-fast);
	border-bottom: 1px solid transparent;

	&:visited {
		color: var(--color-link-visited);
	}

	&:hover,
	&:focus,
	&:active {
		color: var(--color-link-hover);
		border-bottom-color: var(--color-link-hover);
	}

	&:focus {
		outline: 2px solid var(--color-link);
		outline-offset: 2px;
		border-radius: 2px;
	}

	&:hover,
	&:active {
		outline: 0;
	}

	// Remove underline for navigation links
	.main-navigation &,
	.site-branding & {
		border-bottom: none;
		
		&:hover {
			border-bottom: none;
		}
	}
}