Estoy copiando este codigo https://codepen.io/vkjgr/pen/HiuJa?page=9 pero cuando lo hago no obtengo el mismo resultado, falta alguna libreria?
body {
background-color: #47d1da;
color: white;
font: normal 500% Helvetica,Arial;
text-align: center;
}
input[type="radio"] {
background-color: transparent;
border: .0625em solid rgba(255,255,255,.5);
border-radius: 50%;
box-shadow: inset 0 0 0 0 white;
cursor: pointer;
font: inherit;
height: 1em;
outline: none;
width: 1em;
-moz-appearance: none;
-webkit-appearance: none;
&:checked {
background-color: white;
box-shadow: inset 0 0 0 .1875em #47d1da;
-webkit-transition: background .15s, box-shadow .1s;
transition: background .15s, box-shadow .1s;
}
}
strong {
display: block;
font-size: .5em;
line-height: 3em;
}
<strong>Pure CSS radio buttons</strong>
<input type="radio" name="group" />
<input type="radio" name="group" checked />