@mixin _oTopperAnchorLink {
	font-family: oPrivateFoundationGet('o3-type-body-base-font-family');
	font-size: oPrivateFoundationGet('o3-type-body-base-font-size');
	font-weight: oPrivateFoundationGet('o3-type-body-base-font-weight');
	line-height: oPrivateFoundationGet('o3-type-body-base-line-height');
	display: inline-block;
	width: 110px;
	padding: 5px 0 0 10px;
	margin-top: oPrivateSpacingByName('s8');
	border-top: 1px solid oPrivateFoundationGet('o3-color-use-case-link-text');
	border-left: 1px solid oPrivateFoundationGet('o3-color-use-case-link-text');
	border-bottom-width: 0;
	white-space: nowrap;
	overflow: visible;

	@include oPrivateGridRespondTo(S) {
		width: 140px;
	}

	&:after {
		@include oPrivateIconsContent(
			'arrow-down',
			oPrivateFoundationGet('o3-color-use-case-link-text'),
			$size: 20
		);
		content: '';
		display: block;
		position: relative;
		top: 4px;
		left: -4px;
		margin-top: -2px;
	}
}

@mixin _oTopperThemePackage {
	margin-bottom: oPrivateSpacingByIncrement(10);

	%_o-topper__tag,
	.o-topper__headline {
		font-family: oPrivateFoundationGet('o3-type-title-md-font-family');
		font-size: oPrivateFoundationGet('o3-font-size-metric2-5');
		font-weight: oPrivateFoundationGet('o3-type-title-md-font-weight');
		line-height: oPrivateFoundationGet('o3-font-lineheight-metric2-5');
	}

	.o-topper__headline {
		&:after {
			border-bottom-width: 1px;
		}
	}
}

@mixin _oTopperThemePackageExtra {
	.o-topper__package-sequence-id,
	&.o-topper--package .o-topper__headline {
		color: oPrivateFoundationGet('o3-color-palette-lemon');
	}

	.o-topper__anchor-link {
		color: oPrivateFoundationGet('o3-color-palette-lemon');
		border-color: oPrivateFoundationGet('o3-color-palette-lemon');

		&:after {
			@include oPrivateIconsContent(
				'arrow-down',
				oPrivateFoundationGet('o3-color-palette-lemon'),
				$size: null,
				$include-base-styles: false
			);
		}

		&:hover {
			color: darken(oPrivateFoundationGet('o3-color-palette-lemon'), 20%);
		}
	}
}

@mixin _oTopperThemePackageSpecialReport {
	.o-topper__tag {
		opacity: 0.6;
	}

	.o-topper__anchor-link {
		border-color: oPrivateFoundationGet('o3-color-palette-white');
		color: oPrivateFoundationGet('o3-color-palette-white');

		&:after {
			@include oPrivateIconsContent(
				'arrow-down',
				oPrivateFoundationGet('o3-color-palette-lemon'),
				$size: null,
				$include-base-styles: false
			);
		}

		&:hover {
			color: darken(oPrivateFoundationGet('o3-color-palette-white'), 20%);
		}
	}
}
