.gs-analysis-trend {
	--font-size: 14px;
	display: inline-flex;
	align-items: center;
	gap: 2px;

	&__value {
		font-size: var(--font-size);
	}

	svg {
		width: calc(1.05 * var(--font-size));
		height: calc(1.05 * var(--font-size));
	}

	&.gs-analysis-trend-up {
		svg {
			fill: var(--growthstack-primary);
		}
	}

	&.gs-analysis-trend-down {
		svg {
			fill: var(--growthstack-danger);
		}
	}
}