.excerpt {
  display: flex;
  flex-flow: column nowrap;
  flex-grow: 1;
  border-bottom: 1px solid var(--color-light-grey);
  margin-bottom: var(--space-sm);
  padding-bottom: var(--space-sm);
}

@media (--viewport-md) {
  .excerpt {
    margin-bottom: var(--space-md);
    padding-bottom: var(--space-md);
  }
}

.excerpt__head,
.excerpt__body,
.excerpt__title {
  margin-bottom: var(--space-xs);
}

.excerpt__body {
  flex-grow: 1;
}

@media (--viewport-md) {
  .excerpt__head,
  .excerpt__body,
  .excerpt__title {
    margin-bottom: var(--space-sm);
  }
}

.excerpt__metadata {
  color: var(--color-grey);
  font-size: 12px;
}

.excerpt__icon,
.excerpt__text {
  display: inline-block;
  vertical-align: middle;
}

.excerpt__icon {
  height: 16px;
}

.excerpt__text {
  margin: 0 15px 0 5px;
}