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