.button-row{display:flex;flex-wrap:wrap;gap:10px}.toggle-button{padding:10px;border:1px solid #ccc;border-radius:5px;background-color:#fff;cursor:pointer;transition:background-color .3s}.toggle-button.selected{background-color:#007bff;color:#fff}.newsletter-signup{margin-top:20px}.newsletter-signup input{margin:10px 0;width:100%}.checkbox-group input[type=checkbox]{transform:scale(1.5);margin-right:10px}.checkbox-group label{margin-right:20px}.end-button{padding:15px 30px;background-color:#007bff;color:#fff;border:none;border-radius:5px;font-size:1.2em;cursor:pointer;transition:background-color .3s;margin-top:20px}.end-button:hover{background-color:#0056b3}.button-row2{display:flex;flex-wrap:wrap;gap:10px}.button-row2 button:nth-child(3):after{content:"";width:100%}.email-container{margin-top:20px}.additional-feedback textarea{width:100%;height:100px;margin-bottom:20px;padding:10px;border:1px solid #ccc;border-radius:5px}.title-section{margin:20px 0}.title-section .title-container{height:100px;overflow:hidden;text-overflow:ellipsis}.title-section .description-container{height:150px;overflow-y:auto}.description{overflow:hidden;transition:max-height .5s ease-in-out;max-height:0}.description-active{max-height:500px}.title-section h1{margin-bottom:.5em;color:#333}.title-section p{margin-bottom:1em;color:#666}.rating-buttons{display:flex;justify-content:left;margin:20px 0}.rating-button{padding:10px 20px;margin:0 10px;border:1px solid #ccc;border-radius:5px;background-color:#fff;cursor:pointer;transition:background-color .3s,color .3s}@media (min-width:768px){.rating-button:hover{background-color:#007bff;color:#fff;border-color:#007bff}}.progress-bar-container{width:100%;background-color:#e0e0e0;border-radius:8px;overflow:hidden}.progress-bar{height:20px;background-color:#4caf50;width:0;border-radius:8px;transition:width .4s ease}body{font-family:Nunito,sans-serif;text-align:left}.skip-button{padding:10px 20px;margin:10px;border:1px solid #ccc;border-radius:5px;background-color:#f8f9fa;cursor:pointer}.skip-button:hover{background-color:#e9ecef}header{display:flex;justify-content:flex-end;padding:10px}.logo{height:50px}#app{display:flex;justify-content:center;min-height:100vh}.content-wrapper{width:100%;margin:20px auto;text-align:left}@media (min-width:1024px){.content-wrapper{width:800px}}.start-button{padding:15px 30px;background-color:#007bff;color:#fff;border:none;border-radius:5px;font-size:1.2em;cursor:pointer;transition:background-color .3s}.start-button:hover{background-color:#0056b3}