1.radio-input input {
2  appearance: none;
3  background-color: transparent;
4  margin: 15px;
5  font: inherit;
6  color: currentColor;
7  width: 1.5em;
8  height: 1.5em;
9  border: 0.2em solid #33f8ff;
10  border-radius: 50%;
11  transform: translateY(-0.075em);
12  display: grid;
13  place-content: center;
14}
15
16.radio-input input::before {
17  content: "";
18  width: 1.65em;
19  height: 1.65em;
20  border-radius: 50%;
21  transform: scale(0);
22  transition: 120ms transform ease-in-out;
23  box-shadow: inset 1em 1em var(--form-control-color);
24  background-color: #dd33ff;
25  box-shadow: 0 0 20px #dd33ff;
26}
27
28.radio-input input:checked::before {
29  transform: scale(1.02);
30}