.wrapper[data-v-28647feb]{display:inline-flex;height:45px;max-width:350px;align-items:center;justify-content:space-evenly;border-radius:5px}.wrapper .option[data-v-28647feb]{background:#fff;height:100%;width:100%;display:flex;align-items:center;justify-content:flex-start;border-radius:5px;cursor:pointer;padding:0;border:2px solid #d3d3d3;transition:all .3s ease}.wrapper .option .dot[data-v-28647feb]{height:20px;width:20px;margin:0 10px;background:#d9d9d9;border-radius:50%;position:relative}.wrapper .option .dot[data-v-28647feb]:before{position:absolute;content:"";top:4px;left:4px;width:12px;height:12px;background:#0069d9;border-radius:50%;opacity:0;transform:scale(1.5);transition:all .3s ease}input[type=radio][data-v-28647feb]{display:none}#option-1:checked:checked~.option-1[data-v-28647feb],#option-2:checked:checked~.option-2[data-v-28647feb]{border-color:#0069d9;background:#0069d9}#option-1:checked:checked~.option-1 .dot[data-v-28647feb],#option-2:checked:checked~.option-2 .dot[data-v-28647feb]{background:#fff}#option-1:checked:checked~.option-1 .dot[data-v-28647feb]:before,#option-2:checked:checked~.option-2 .dot[data-v-28647feb]:before{opacity:1;transform:scale(1)}.wrapper .option span[data-v-28647feb]{font-size:16px;color:grey}#option-1:checked:checked~.option-1 span[data-v-28647feb],#option-2:checked:checked~.option-2 span[data-v-28647feb]{color:#fff}