.woocommerce-marketing-installed-channel-card-body {
	.woocommerce-marketing-installed-channel-description {
		display: flex;
		gap: $gap-smaller;

		&__separator::before {
			content: '•';
		}
	}

	.woocommerce-marketing-sync-status {
		display: flex;
		align-items: center;
		gap: $gap-smallest;

		&__failed {
			color: $alert-red;
			fill: $alert-red;
		}

		&__syncing {
			color: #008a20;
			fill: #008a20;
		}

		&__synced {
			color: #008a20;
			fill: #008a20;
		}
	}

	.woocommerce-marketing-issue-status {
		display: flex;
		align-items: center;
		gap: $gap-smallest;

		&__error {
			color: $alert-red;
			fill: $alert-red;
		}

		&__warning {
			color: $alert-yellow;
			fill: $alert-yellow;
		}
	}
}