@media only screen and (max-width:600px){.wrapper1{width:272px!important;margin-right:-23px!important}}.wrapper1{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%)}.wrapper1 .option1{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}.wrapper1 .option1 .dot1{height:20px;width:20px;background:#d9d9d9;border-radius:50%;position:relative}.wrapper1 .option1 .dot1::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-11:checked:checked~.option-11{border-color:#7cef96;background:#59e46b}#option-21:checked:checked~.option-21{border-color:#f18995;background:#ec8686}#option-11:checked:checked~.option-11 .dot1{background:#fff}#option-21:checked:checked~.option-21 .dot1{background:#fff}#option-11:checked:checked~.option-11 .dot1::before{opacity:1;transform:scale(1)}#option-21:checked:checked~.option-21 .dot1::before{opacity:1;transform:scale(1)}.wrapper1 .option1 span{font-size:14px;color:#808080}#option-11:checked:checked~.option-11 span{color:#fff}#option-21:checked:checked~.option-21 span{color:#fff}