@media only screen and (max-width:600px){.wrapper0{width:272px!important;margin-right:-23px!important}}.wrapper0{display:inline-flex;background:#fff;height:100px;width:400px;align-items:center;justify-content:space-evenly;border-radius:5px;padding:20px 15px;box-shadow:5px 5px 30px rgba(132,130,130,20%)}.wrapper0 .option0{background:#fff;height:100%;width:100%;display:flex;align-items:center;justify-content:space-evenly;margin:0 10px;border-radius:5px;cursor:pointer;padding:0 10px;border:2px solid lightgrey;transition:all .3s ease}.wrapper0 .option0 .dot0{height:20px;width:20px;background:#d9d9d9;border-radius:50%;position:relative}.wrapper0 .option0 .dot0::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}#option-10:checked:checked~.option-10{border-color:#7cef96;background:#59e46b}#option-20:checked:checked~.option-20{border-color:#f18995;background:#ec8686}#option-10:checked:checked~.option-10 .dot0{background:#fff}#option-20:checked:checked~.option-20 .dot0{background:#fff}#option-10:checked:checked~.option-10 .dot0::before{opacity:1;transform:scale(1)}#option-20:checked:checked~.option-20 .dot0::before{opacity:1;transform:scale(1)}.wrapper0 .option0 span{font-size:14px;color:#808080}#option-10:checked:checked~.option-10 span{color:#fff}#option-20:checked:checked~.option-20 span{color:#fff}