how to apply css styling on the label with class title if one of the input:radio is checked

Question

<div class="container radio" style="text-align: right;">
        <label class="title" for="" style="position: absolute; right: 5px;">Gender</label>
        <br>
        <input type="radio" name="gender" id="female">
        <label for="male">Male</label>
        <input type="radio" name="gender" id="male" style="margin-left: 15px;">
        <label for="female">Female</label>
        <br>
        <small>adssad</small>
        
    </div>

how to apply css styling on the label with class title if one of the input[type:radio] is checked

I tried this but it doesn't work

.container.radio input[type="radio"]:checked ~ .container.radio .title{
    font-size: 12px;
    color:  orange;
}