Change radio button color and size

by Génesis García Morilla

HTML

<label><input type="radio" name="serie" checked>Mr Robot</label>
<label><input type="radio" name="serie">Dark</label>
<label><input type="radio" name="serie">Rick and Morty</label>

CSS

:root {
  --size: 2;
}

body {
  display: flex;
  flex-direction: column;
}

input {
  transform: scale(var(--size));
  filter: hue-rotate(60deg);
  margin: calc(var(--size) * 7px);
}