.contact-sentence__avatar {
  display: inline-block;
  width: 1em;
  height: 1em;
  position: relative;
  top: 2px;
}

.contact-sentence__contact {
  white-space: nowrap;

  &::after { content: ","; } /* Comma separate contacts */

  &:last-child:not(:first-child)::before { content: "and"; } /* Add "and" before the last contact if many */

  &:last-child::after,
  &:nth-last-child(2):first-child::after { content: ""; } /* Don't add comma for just 1 or 2 contacts */
}