@import '../settings/variables';
@import '../tools/mixins/position';

.c-key-figure {
  padding: 1em 0;

  &:first-child {
    padding-left: 0;
  }

  &:last-child {
    padding-right: 0;
  }

  &__value {
    font-size: 1.25em;
  }

  &__title {
    color: $color-labels;
    display: inline-flex;
  }

  @media screen and (min-width: map_get($grid-breakpoints, md)) {
    & + & {
      border-left: $hairline solid $color-separator;
    }
  }
}