.container{display:block;position:relative;padding-right:15px;margin-bottom:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:15px 10px 0}.container input{position:absolute;opacity:0;cursor:pointer}.checkmark{position:absolute;top:50%;transform:translatey(-50%);right:0;height:15px;width:15px;background-color:transparent;border:1px solid #000}.container:hover input~.checkmark{background-color:#ccc}.checkmark:after{content:"";position:absolute;display:none}.container input:checked~.checkmark:after{display:block}.container .checkmark:after{left:4px;top:1px;width:3px;height:7px;border:solid #000;border-width:0 2px 2px 0;transform:rotate(45deg)}