$eps-inline-link-color-primary: theme-colors(success);
$eps-inline-link-color-secondary: tints(400);
$eps-inline-link-color-danger: theme-colors(danger);
$eps-inline-link-color-cta: theme-colors(cta);
$eps-inline-link-color-link: theme-elements-colors(link-color);
$eps-inline-link-color-disabled: theme-colors(disabled);

.eps-inline-link {
	color: var(--eps-inline-link-color);

	// Reset style for button tag.
	background-color: initial;
	border: 0;
	padding: 0;

	&--color {
		&-primary {
			--eps-inline-link-color: #{$eps-inline-link-color-primary};
		}

		&-secondary {
			--eps-inline-link-color: #{$eps-inline-link-color-secondary};
		}

		&-danger {
			--eps-inline-link-color: #{$eps-inline-link-color-danger};
		}

		&-cta {
			--eps-inline-link-color: #{$eps-inline-link-color-cta};
		}

		&-link {
			--eps-inline-link-color: #{$eps-inline-link-color-link};
		}

		&-disabled {
			--eps-inline-link-color: #{$eps-inline-link-color-disabled};
		}
	}

	&--underline {
		&-hover:hover,
		&-always,
		&-always:hover {
			text-decoration: underline;
		}
	}

	&--italic {
		font-style: italic;
	}

	&,
	&:focus {
		outline: none;
	}
}
