.survey-buttons-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;margin-top:20px}.survey-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-top:20px}.survey-buttons-images label img{object-fit:cover;display:inline-block;position:relative;overflow:hidden;vertical-align:top}.survey-content{display:inline-block;width:100%;padding:0 2.5vw}.survey-wrapper{display:flex;text-align:center}.survey-question{width:auto;margin:0 0 1.1rem;justify-content:center;border:1px solid black;padding:20px 40px;text-align:center;border-radius:7px;background-color:#764b4b;box-shadow:0 1px 1px #00000013,0 2px 2px #00000013,0 4px 4px #00000013,0 8px 8px #00000013,0 16px 16px #00000013}.survey-question h3{color:#fff}.survey-question:not(:first-child){margin-top:100px}.text-input{margin-top:20px}#save-button{margin-left:5px}.survey-buttons label,.survey-buttons-images label{cursor:pointer;overflow:hidden;z-index:90;justify-content:center;border:1px solid black;padding:10px 5px;margin:0;text-align:center;border-radius:7px;background-color:#fff;box-shadow:0 1px 1px #00000013,0 2px 2px #00000013,0 4px 4px #00000013,0 8px 8px #00000013,0 16px 16px #00000013}.survey-buttons-images label{padding:0}.survey-buttons input,.survey-buttons-images input,.survey-buttons-images-small input{display:none}.survey-buttons label:hover,.survey-buttons-images label:hover{background-color:#312323}.survey-buttons input[type=radio]:checked+label,.survey-buttons-images input[type=radio]:checked+label{background-color:#764b4b}.survey-buttons-images input[type=radio]:checked+label h3,.survey-buttons-images input[type=radio]:checked+label,.survey-buttons-images input[type=radio]:hover+label h3,.survey-buttons-images label:hover,.survey-buttons-images label h3:hover,.survey-buttons-images label h3:active,.survey-buttons-images-small input[type=radio]:checked+label h3,.survey-buttons-images-small input[type=radio]:checked+label,.survey-buttons-images-small input[type=radio]:hover+label h3,.survey-buttons-images-small label:hover,.survey-buttons-images-small label h3:hover,.survey-buttons-images-small label h3:active,.survey-buttons input[type=radio]:checked+label,.survey-buttons label h3:hover,.survey-buttons label h3:active,.survey-buttons label:hover{color:#fff}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-top:20px}.container{text-align:center}.survey-buttons-images-small label{display:grid;cursor:pointer;overflow:hidden;z-index:90;justify-content:center;border:1px solid black;padding:20px 40px;margin:0;text-align:center;border-radius:7px;background-color:snow;box-shadow:0 1px 1px #00000013,0 2px 2px #00000013,0 4px 4px #00000013,0 8px 8px #00000013,0 16px 16px #00000013}.survey-buttons-images-small label{padding:0}.survey-buttons-images-small label:hover{background-color:#312323}.survey-buttons-images-small input[type=radio]:checked+label{background-color:#764b4b}.star-container{margin-top:10px}.rating{display:inline-block;position:relative;height:30px;line-height:30px;font-size:30px}.rating label{position:absolute;top:0;left:0;height:100%;cursor:pointer}.rating label:last-child{position:static}.rating label:nth-child(1){z-index:5}.rating label:nth-child(2){z-index:4}.rating label:nth-child(3){z-index:3}.rating label:nth-child(4){z-index:2}.rating label:nth-child(5){z-index:1}.rating label input{position:absolute;top:0;left:0;opacity:0}.rating label .icon{float:left;color:transparent}.rating label:last-child .icon{color:#000}.rating:not(:hover) label input:checked~.icon,.rating:hover label:hover input~.icon{color:#d4b700}.rating label input:focus:not(:checked)~.icon:last-child{color:#000;text-shadow:0 0 5px #d4b700}