.c-report-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: $font-size-sm;
  color: $primary;
  font-weight: $font-weight-semibold;
  margin-bottom: 1rem;
  @include media-breakpoint-up(sm) {
    gap: 1rem;
  }
  &__item {
    display: flex;
    align-items: center;
    gap: 0.5em;
    margin-bottom: 0;
    // Material icon before each item
    &::before {
      font-family: "Material Symbols Outlined";
      font-size: 1rem;
      font-weight: 400;
      line-height: 1;
      color: $color-accent;
      flex-shrink: 0;
    }

    &--date::before {
      content: "calendar_today";
    }

    &--name::before {
      font-size: 1.125rem;
      content: "person";
    }

    &--country::before {
      content: "location_on";
    }
  }
}