[css-forms-1] Radio buttons inline alignment

[sb3nder]

Currently the styles for radio buttons don't provide a consistent alignment:

https://codepen.io/sb3nder/pen/emBmOXo

One way to fix this could be removing :checked in:

input[type=radio]:checked::checkmark {
    background-color: currentColor;
    display: inline-block;
    border-radius: inherit;
    height: 100%;
    width: 100%;
}

---

Note:

input[type=radio]:not(:checked)::checkmark {
    visibility: hidden;
}

cc @lukewarlow