Merge pull request #14770 from guardian/jm/banner-colour-palettes

set the unselected choice card text colour straight

Author: juabara

dotcom-rendering/src/components/marketing/shared/ThreeTierChoiceCards.tsx

@@ -58,15 +58,6 @@ const benefitsLabelStyles = (customColor?: string) => css`
 	}
 `;
 
-const labelOverrideStyles = (isSelected: boolean) => css`
-	+ label div {
-		${isSelected ? 'font-weight: bold;' : ''}
-		s {
-			font-weight: normal;
-		}
-	}
-`;
-
 const supportingTextStyles = css`
 	margin-top: ${space[4]}px;
 `;
@@ -166,6 +157,18 @@ export const ThreeTierChoiceCards = ({
 			: `6px ${space[5]}px`};
 	`;
 
+	const labelOverrideStyles = (isSelected: boolean) => css`
+		+ label div {
+			${isSelected ? 'font-weight: bold;' : ''}
+			color: ${isSelected
+				? choiceCardSettings?.buttonSelectTextColour ?? 'inherit'
+				: choiceCardSettings?.buttonTextColour ?? 'inherit'};
+			s {
+				font-weight: normal;
+			}
+		}
+	`;
+
 	const customRadioTheme: ThemeRadio = {
 		...themeRadio,
 		borderSelected: