body{font-family:Arial,sans-serif}.selector{display:inline-block;padding:10px;border-radius:5px}.option{cursor:pointer;margin:5px 0;display:flex;align-items:center;position:relative}.option input[type="checkbox"]{display:none}.option input[type="checkbox"]+span{position:relative;transition:background-color 0.3s ease;padding:5px 30px;border-radius:15px;width:100%}.option input[type="checkbox"]+span:hover{background-color:#f9f9f9}.option input[type="checkbox"]:checked+span{background-color:#e6f7ff}.option input[type="checkbox"]+span:before{content:"✔";font-size:16px;width:20px;height:20px;position:absolute;left:5px;top:50%;transform:translateY(-50%);text-align:center;line-height:20px;color:#fff0;transition:color 0.3s ease;Background-color:#fff;border-radius:5px;border:1px solid #666}.option input[type="checkbox"]:checked+span:before{color:#007bff}input[type="text"]{width:100%;margin:10px 0;border:1px solid #ccc;border-radius:5px}