JSFiddle - React, Tailwind, and code Playground

HTML

<div class="newsRadioButtons">
    <div class="radioAll">
        <div class="radioAllLeft"></div>
        <div class="radioAllMiddle">ALL
            <input type="radio" checked="true" value="all" name="filter" />
        </div>
        <div class="radioAllRight></div>
    </div>
    <div class="radioImportant">
        <div class="radioImportantLeft"></div>
        <div class="radioImportantMiddle">Important
            <input type="radio" checked="true" value="all" name="filter" />
        </div>
        <div class="radioImportantRight"></div>
    </div>
</div>

CSS

.radioAll > div {
    background-color: red;
    margin-top: 10px;
}

.radioImportant > div {
    background-color: blue;
}