.roofkit-counter-wrap {
  display: flex;
  flex-direction: column;
  gap: var(--space-2xs);
}

.roofkit-counter-number-wrap {
  display: flex;
  align-items: baseline;
  line-height: var(--lh-tight);
}

.roofkit-counter-title {
  color: var(--color-text);
  font-size: var(--body-text-size);
}

.roofkit-counter--size-small .roofkit-counter-number-wrap {
  font-size: var(--section-title-size);
}

.roofkit-counter--size-medium .roofkit-counter-number-wrap {
  font-size: var(--hero-title-size);
}

.roofkit-counter--size-large .roofkit-counter-number-wrap {
  font-size: var(--stat-number-size);
}