@mixin avatar-background-mapping {
  .avatar {
    background-color: $color--grey-10;
    color: $color-brand--three;

    &__initials {
      border: 2px solid $color-brand--three;
    }
  }

  .bg-brand--light-grey .avatar {
    background: $color-brand--white;
  }

}