*[data-radio-button-list=radio-button-list] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: 4px;
    flex-wrap: wrap;
}

div[data-item-type=radio] {

    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
    margin-right: 5px;

    & > span {
        cursor: pointer;
    }

    &:not([data-selected-item]) {
        & > i.fa-dot-circle {
            display: none;
        }
    }

    &[data-selected-item=true] {
        & > i.fa-circle {
            display: none;
        }
    }
}