style.css

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}button{border:none;margin:0;padding:0;width:auto;overflow:visible;background:rgba(0,0,0,0);color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit}body{background-color:teal;display:grid;justify-content:center;font-family:"Inter",sans-serif}.wrapper{background:#fff;width:400px;background-color:#f5f5f5;margin:7px;border-radius:5px;padding:15px;margin-top:200px}@media screen and (max-width: 576px){.wrapper{width:350px;margin-top:120px}}.wrapper__circle{margin-top:25px;display:flex;gap:3px}.body__num-question{color:#55a1a0;font-size:12px;font-weight:700;margin-bottom:10px}.body__question{font-size:13px;font-weight:500;margin:10px 0 10px 0;min-height:35px}.body__options{display:grid;width:100%;gap:5px;margin-top:15px}.body__btn{margin-top:10px;color:#fff;border:0;outline:0;background-color:#429488;font-size:13px;padding:3px 15px;border-radius:3px;transition:.2s ease-in-out}.body__btn:hover{background-color:teal}.item{background-color:#ccc;padding:6px 0 6px 5px;border-radius:4px;font-size:13px;font-weight:400;transition:.2s ease-in-out;text-align:start}.circle{display:block;width:25px;height:25px;border-radius:50%;background:#ccc}.true{background:green}.false{background:#fd2020}.true-circle{background:green;position:relative}.true-circle::before{position:absolute;content:"✓";top:46%;left:49%;transform:translate(-50%, -50%);color:#fff}.false-circle{background:#fd2020;position:relative}.false-circle::before{position:absolute;content:"Х";top:50%;left:50%;transform:translate(-50%, -50%);color:#fff}#start{display:none;background:red}