/**
 * Step 13: course template / Content Bank / bundle.
 *
 * Link buttons inside lesson content, e.g. the Dropbox button of the template's reading
 * lesson (class fdi-lesson-btn on the <a>). Without this rule the link falls back to the
 * lesson text-link style (white, underlined). Matches the learning area's "Previous" pill:
 * white outline on the navy band, white fill + teal text on hover.
 *
 * Until a real Dropbox link is pasted, placeholder lessons show the same pill as a
 * <span class="fdi-lesson-btn is-disabled"> ("Dropbox document coming soon"): same shape,
 * dimmed, not clickable.
 */
body.fdi-learning-area .tutor-lesson-wrapper .fdi-lesson-btn {
	display: inline-flex;
	align-items: center;
	box-sizing: border-box;
	max-width: 100%;
	min-height: 42px;
	padding: 8px 22px;
	border: 2px solid var(--fdi-white);
	border-radius: var(--fdi-radius-pill);
	background: transparent;
	color: var(--fdi-white);
	font: 700 18px/1.2 var(--fdi-font-heading);
	text-decoration: none;
	transition: background-color 0.2s ease, color 0.2s ease;
}

body.fdi-learning-area .tutor-lesson-wrapper a.fdi-lesson-btn:hover,
body.fdi-learning-area .tutor-lesson-wrapper a.fdi-lesson-btn:focus-visible {
	background: var(--fdi-white);
	color: var(--fdi-teal);
}

body.fdi-learning-area .tutor-lesson-wrapper .fdi-lesson-btn.is-disabled {
	opacity: 0.6;
	cursor: default;
	pointer-events: none;
}