Border-radius with transition become square on Safari but work fine on Chrome

Question

The code is on Codepen

.radio input[type=radio]+.radio-label:before {
    content: "";
    background: #f4f4f4;