@import '../settings/variables';

.c-meta-box {
  display: flex;
  flex-direction: column;
  padding: $gutter-small;

  /* @TODO if these styling variant will be repeated somewhere change it to some more common names
     i.e. title, subtitle, description */
  &__name {
    line-height: 1.75em;
  }

  & [class*='__company'],
  &__email {
    font-size: 0.6875em;
  }

  & [class*='__company'] {
    font-size: 0.75em;
    line-height: 1.33em;
    text-transform: uppercase;
    color: $color-primary;
    letter-spacing: $letter-spacing-label;
    padding-top: 0.5em;
  }

  &__email {
    color: $color-dark-grey;
    font-size: 0.875em;
    line-height: 1.6em;
    padding: 0.5em 0em;
  }

  &--text-centered {
    align-items: center;
  }
}