/**
 * Trustpilot rating link.
 *
 * The design gave this no `narrow` branch -- the anchor wraps on its own via
 * `flex-wrap`, so there is no breakpoint here. Only the anchor's own styling
 * and its hover are lifted out; the rest is the design's inline markup. No
 * box-sizing reset, matching the design.
 *
 * `text-decoration: none` is stated rather than inherited: the design relies
 * on its page-wide `a { text-decoration: none }`, which a theme will not
 * provide, so without it the rating would render underlined.
 */

.rctp__link {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 10px 14px;
	margin-top: 6px;
	color: #0f1117;
	text-decoration: none;
	transition: opacity 160ms ease;
}

.rctp__link:hover {
	color: #0f1117;
	text-decoration: none;
	opacity: 0.78;
}

@media (prefers-reduced-motion: reduce) {

	.rctp__link {
		transition: none;
	}
}