.shared-badge
    display flex
    align-items center
    justify-content center
    border-radius 50%
    background-clip padding-box

    &.--small
        border .125rem solid
        border-color: var(--primaryContrastTextColor)
        width 1.5rem
        height 1.5rem

        .shared-badge-icon
            width .75rem
            height .75rem

    &.--xsmall
        border .0625rem solid
        border-color: var(--primaryContrastTextColor)
        width .75rem
        height .75rem

        .shared-badge-icon
            width .375rem
            height .375rem

    &.--by-me
        background-color: var(--emerald)

    &.--with-me
        background-color: #9169F2