CSS Suggest

I have created a different style that maybe you may like:

[id^=radio-] + label .index { display: inline-block; vertical-align: middle; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; text-align: center; font-size: 16px; width: 100%; line-height: 50px; max-width: 52px; margin: 0 auto }

.i0 { background: #B72025; }
.i1 { background: #D62027; }
.i2 { background: #F05223; }
.i3 { background:#F36F21; }
.i4 { background: #FAA823; }
.i5 { background: #FFCA27; }
.i6 { background: #ECDB12; }
.i7 { background: #E8E73D; }
.i8 { background: #C5D92D; }
.i9 { background: #AFD136; }
.i10 { background: #64B64D; }
.nps-textarea { width: 100%; border: 2px dashed #DDD; height: 125px; background-color: transparent; color: black; border-radius: 8px; padding: 10px; font-size: 16px; } .
nps-textarea:focus {outline:0;}
.nps-submit { padding: 10px; border-radius: 5px; border: none; display: block; margin: 6px auto; cursor: pointer; background: #5DC96C; color: #fff; width: 108px; height: 44px; font-size: 16px; font-weight: 700; }
.error-nps::before { content: ‘Select an option in your language’; }
.nps-radios { margin: 30px 0px; }

Enjoy ??