.cls1 { /*!*/ }
.cls2 {
composes: cls1;

width: 7px;
height: 7px;
position: absolute;
bottom: 0px;
right: 0px;
background-color: var(--color-online);
border-radius: 100%;
border: 2px solid var(--avatar-color-border);
box-sizing: content-box;
}