*{margin:0}:root{--primary-orange: hsl(25, 97%, 53%);--white: hsl(0, 100%, 100%);--grey-500: hsl(217, 12%, 63%);--grey-800: hsl(213, 19%, 25%);--grey-900: hsl(213, 19%, 18%);--grey-950: hsl(216, 12%, 8%);--body-text: 1rem;--heading-text: 2rem;--body-font: "Overpass", sans-serif}body{color:var(--grey-500);font-size:var(--body-text);background-color:var(--grey-950);line-height:1.3rem;font-family:var(--body-font)}.wrapper{display:flex;justify-content:center;align-items:center;height:100vh}.rating-ui{background-color:var(--grey-900);width:320px;border-radius:25px;justify-content:center;align-items:center;padding:1.8rem}.rating-ui .feedback-ui{text-align:center}.heading{color:var(--white);font-size:var(--heading-text);letter-spacing:.02rem;padding-bottom:1rem;padding-top:2rem;font-weight:700}.btns-wrapper{--btn-size: 1rem;display:flex;justify-content:space-between;padding:1.8rem 0}button{background-color:var(--primary-orange);border:none;border-radius:50px;text-transform:uppercase;letter-spacing:.15rem;width:100%;padding:.8rem .5rem;color:var(--grey-950);font-weight:700;cursor:pointer;font-size:1rem}button:hover{background-color:var(--white)}button[disabled]{background-color:var(--grey-500);cursor:not-allowed}.feedback{background-color:var(--grey-800);color:var(--primary-orange);padding:.3rem 1rem;display:inline-block;border-radius:50px;font-size:.8rem;margin:1rem 1.5rem}.rating-btn{font-size:var(--btn-size);color:var(--grey-500);background:var(--grey-800);border-radius:9999px;padding:.8rem;height:1.5rem;width:1.5rem;display:flex;justify-content:center;align-items:center;font-weight:700;cursor:pointer}.logo{cursor:default}.rating-btn.active{background-color:var(--white);color:var(--grey-950)}.rating-btn:focus,.rating-btn:hover:not(.logo){background-color:var(--primary-orange);color:var(--grey-950)}