$profile-background-color: rgb(0, 150, 0);
$profile-color: #fff;
:host {
    display: block;
    overflow: hidden;
    border-radius: 100%;
    line-height: 2em;
    text-align: center;
    text-transform: uppercase;
    background: $profile-background-color;
    width: 2.8em;
    color: $profile-color;
    height: 2.6em;
    padding: 0.3em 0.4em;
    img {
        height: 100%;
        width: 100%;
        max-width: 100%;
        border-radius: 100%;
        position: absolute;
        right: 0;
        top: 0;
        // cancel padding applyed on the host
        // margin: -.4em;
    }
}