
.Radio { padding:20px;} 
.Radio span{margin: 5% 2%; display: inline-block; white-space: nowrap;}
.Radio *,.Radio *:before, .Radio *:after { box-sizing: inherit; } 
.Radio input[type='radio'] + label {margin-right: 20px; font-size: 14px; line-height: 18px; display: inline-block;margin-left: 15px; vertical-align: top; cursor: pointer; } 
.Radio input[type='radio']:after { border-top: none; border-left: none; position: absolute; content: '';border-radius: 20px; background: #fff; display: block; width: 10px; height: 10px; left: 3px; opacity: 0; top: 3px;  -webkit-transform: scale(2); transform: scale(2);-webkit-transform:scale(0.5) rotate(50deg); transform:scale(0.5)  rotate(50deg); -webkit-transition: opacity .3s, -webkit-transform .6s cubic-bezier(.2, .85, .32, 1.2); transition: opacity .3s, -webkit-transform .6s cubic-bezier(.2, .85, .32, 1.2); transition: transform .6s cubic-bezier(.2, .85, .32, 1.2), opacity .3s; transition: transform .6s cubic-bezier(.2, .85, .32, 1.2), opacity .3s, -webkit-transform .6s cubic-bezier(.2, .85, .32, 1.2);}
.Radio input[type='radio'] {-webkit-appearance: none; -moz-appearance: none;width: 16px; height: 16px; outline: none; display: inline-block; vertical-align: top; position: relative; margin: 0; cursor: pointer; border: 1px solid #000; background: #fff; border-radius: 24px; -webkit-transition: background .3s, border-color .3s, box-shadow .2s; transition: background .3s, border-color .3s, box-shadow .2s; } 
/* Disabled */
.Radio input[type='radio']:disabled { opacity: 0.8; } 
/* Focus */
.Radio input[type='radio']:focus { box-shadow: 0 0 0 2px rgba(157, 157, 157, 0.5); } 
.Radio input[type='radio']:checked { background: #444; } 
.Radio input[type='radio']:checked:after { opacity: 1;-webkit-transform: scale(1) rotate(45deg); transform: rotate(1) rotate(45deg); } 
