div.custom-radio { height: 20px; width: 18px; position: relative; border: 1px solid #c2c2c2; cursor: pointer; border-radius: 4px; display: inline-block;  }
div.custom-radio:after { content: " "; display: block; opacity: 0; height: 12px; width: 10px; border-radius: 2px; background: #525252; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } 
div.custom-radio:hover:after { opacity: 0.50; }
div.custom-radio input { display: none;}
div.custom-radio.active:after { opacity: 1; }