// Text link look shared by the Review Link block and the Affiliate Button
// block's "Text Link" style. Mirrors the legacy .wp-block-affr .affr-link.
// Include it on the block wrapper: the default size and color sit there and
// the link inherits them, so the block's font size and text color reach it.
@mixin affr-text-link {
	font-size: 1rem;
	color: var(--affr-link-color, #e02928);

	.affr-link {
		margin: 20px 0;
	}

	.affr-link a {
		font-size: inherit;
		color: inherit;
		text-decoration: underline;
		transition: all 300ms ease-out;

		&:hover {
			text-underline-offset: 0.25em;
			text-decoration-style: solid;
			opacity: 0.8;
		}
	}
}