$selector: 
	'.entry-content :where(p, em, strong ) > a',
	'.entry-content > :where(ul, ol) a',
;

// type 3
[data-link='type-3'] :where(#{$selector}) {
	background-size: var(--has-link-decoration, 0% 1px);
	background-image: var(--has-link-decoration, linear-gradient(currentColor, currentColor));

	&:hover {
		background-size: var(--has-link-decoration, 100% 1px);
	}
}

// type 4
[data-link='type-4'] :where(#{$selector}) {

	&:hover {
		color: var(--has-link-decoration, #fff);
		background-size: var(--has-link-decoration, 100% 100%);
		background-image: var(--has-link-decoration, linear-gradient(var(--theme-link-hover-color), var(--theme-link-hover-color)));
	}
}

// type 5
[data-link='type-5'] :where(#{$selector}) {
	background-size: var(--has-link-decoration, 0% 100%);
	background-image: var(--has-link-decoration, linear-gradient(var(--theme-link-hover-color), var(--theme-link-hover-color)));

	&:hover {
		color: var(--has-link-decoration, #fff);
		background-size: var(--has-link-decoration, 100% 100%);
	}
}