$padding-vertical-tiny: var(
  --wds-statistics-widget-padding-vertical-tiny,
  var(--wds-space-300)
);
$padding-vertical-large: var(
  --wds-statistics-widget-padding-vertical-large,
  18px
);
$padding-horizontal-tiny: var(
  --wds-statistics-widget-padding-horizontal-tiny,
  var(--wds-space-600)
);
$padding-horizontal-large: var(
  --wds-statistics-widget-padding-horizontal-large,
  var(--wds-space-600)
);

.statistics-widget {
  &__item--size-tiny {
    padding: $padding-vertical-tiny $padding-horizontal-tiny;
  }

  &__item--size-large {
    padding: $padding-vertical-large $padding-horizontal-large;
  }

  &__item--size-large:not(:first-child)::before {
    top: $padding-vertical-large;
    bottom: $padding-vertical-large;
  }

  &__item--size-tiny:not(:first-child)::before {
    top: $padding-vertical-tiny;
    bottom: $padding-vertical-tiny;
  }
}