/**
 * NovaBP — standalone CTA card
 *
 * The card itself is not defined here. `.nova-cta-card` and everything inside it
 * already live in novabp-related-articles.css, where the single-post Related
 * Articles section paints them; the standalone widget reuses that stylesheet
 * verbatim and keeps the `.nova-related` wrapper class so those rules — several
 * of which are scoped `.nova-related .nova-cta-card__…` to outscore the Global
 * Kit's bare-tag styles — still match.
 *
 * All this file does is undo the vertical rhythm that only makes sense when the
 * card sits *below* a grid of articles.
 *
 * Figma reference: node 314:8614 (bottom CTA), reused as Superannuation
 * section 10.
 */

/*
 * `.nova-related` pads 80px and `.nova-related__cta` adds a further 60px above
 * and below, which together read as a deliberate break after the article grid.
 * On its own that lands at 140px, well past the 80px every other landing
 * section uses — so the band's own padding goes and the section keeps the page
 * rhythm. `gap` goes too: there is only ever one child here.
 */
.nova-cta-section {
	gap: 0;
}

.nova-cta-section .nova-related__cta {
	padding-block: 0;
}

/* ---------------------------------------------------------------------------
 * Button + note group — Figma 2179:17161
 *
 * Only rendered when the widget has a note, so `.nova-cta-card__inner`'s own
 * 40px gap still separates the head from a lone button on every page that does
 * not set one. Inside the group the pair sits 20px apart.
 * ------------------------------------------------------------------------ */

.nova-cta-card__action {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
}

.nova-related .nova-cta-card__note {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin: 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	text-align: center;
	color: rgb(255 255 255 / 0.99);
}

.nova-cta-card__note-icon {
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	width: 16px;
	height: 16px;
}

.nova-cta-card__note-icon svg {
	display: block;
	width: 100%;
	height: 100%;
}