CSS input radio type 수정하는 방법이 궁금합니다

구글 통해서 radio 박스를 CSS를 이용해 변경하고

폰트 위치랑 padding을 적용해보려고 했는데 적용이 안됩니다

피드백 부탁드립니다 ㅠㅠ

// HTML

<div class="radioSet">    
                <input type="radio" class="radioBox" name="gender">여성
                <input type="radio" class="radioBox" name="gender">남성
            </div>

// CSS
.radioSet {
    width: 100%;
    height: 25px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.radioBox {
    width: 20px;
    height: 20px;
}