/* Report a concern button for the Lexia header. */

a.lrc-header-btn,
a.lrc-header-btn:hover,
a.lrc-header-btn:focus,
a.lrc-header-btn:active {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 32px;
	padding: 4px 14px;
	border: 1px solid rgba(255, 255, 255, 0.35) !important;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.12);
	color: #fff !important;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.2;
	white-space: nowrap;
	text-decoration: none !important;
	background-image: none;
	transition: background-color 0.2s, border-color 0.2s;
}
a.lrc-header-btn .lrc-icon {
	width: 16px;
	height: 16px;
	flex: none;
	color: #f16020;
}
a.lrc-header-btn:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 2px;
}

@media (hover: hover) {
	a.lrc-header-btn:hover {
		background: rgba(255, 255, 255, 0.24);
		border-color: rgba(255, 255, 255, 0.6) !important;
	}
}

/* Bigger touch target on phones and tablets. */
@media (max-width: 1024px), (hover: none) {
	a.lrc-header-btn,
	a.lrc-header-btn:hover {
		min-height: 44px;
		padding: 8px 16px;
		font-size: 14px;
	}
}

@media (prefers-reduced-motion: reduce) {
	a.lrc-header-btn { transition: none; }
}