.room-list-item {
    position: relative;
}

.room-unread-badge {
    position: absolute;
    top: 3px;
    left: 3px;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    color: #fff;
    background: radial-gradient(circle at 34% 28%, #ff9c9c, #e22b3f 74%);
    box-shadow: 0 0 0 2px var(--surface), 0 0 9px 2px rgb(226 43 63 / 36%);
    pointer-events: none;
}

.room-unread-badge svg {
    width: 10px;
    height: 10px;
}