.wrapper{display:flex;flex-wrap:wrap;justify-content:center;width:100%;margin-top:8px;gap:6px}.option{display:flex!important;align-items:center;justify-content:space-evenly;background:var(--bodyBg);padding:10px;border-radius:5px;border:1px solid var(lightBorderColor);cursor:pointer;transition:all .3s ease;flex:1 1 45%}.option .dot{height:14px;width:14px;background:#d9d9d9;border-radius:50%;position:relative}.option .dot::before{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;background:var(--actionBtnColor);border-radius:50%;opacity:0;transform:scale(1.5);transition:all .3s ease}input[type="radio"].option{display:none!important}input[type="radio"].option:checked + .option{background:var(--actionBtnColor)}input[type="radio"].option:checked + .option .dot{background:#fff}input[type="radio"].option:checked + .option .dot::before{opacity:1;transform:scale(1)}input[type="radio"].option:checked + .option span{color:#fff}.option span{font-size:.95rem;color:#fff;margin-left:10px}.circle-checkbox{display:none}.custom-checkbox{width:20px;height:20px;border-radius:50%;border:2px solid var(--actionBtnColor);display:inline-block;position:absolute;top:6px;right:12px;cursor:pointer}.circle-checkbox:checked + .custom-checkbox{background-color:var(--actionBtnColor);border-color:var(--actionBtnColor)}.circle-checkbox:checked + .custom-checkbox::after{content:"";width:10px;height:10px;background:white;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}body.body-checked{background-color:#f4f4f4;transition:background .3s}