.questionnaire-container{display:flex;align-items:center;justify-content:center;padding:1rem}.questionnaire{width:100%;max-width:48rem;background-color:#fff;-webkit-box-shadow:0 4px 12px 0 rgba(12,18,45,.1);box-shadow:0 4px 12px 0 rgba(12,18,45,.1);overflow:hidden;transition:all 3s ease-out;border:1px solid #eaeaea;border-radius:10px;background:#fff;padding:1rem}.question{padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:20px}.question .question-view{display:flex;align-items:center;flex-direction:column;justify-content:space-between;gap:24px;width:100%}@media (min-width:768px){.question .question-view{flex-direction:row;gap:40px}}.question-text-wrapper{overflow:hidden;transition:height 0.1s ease-out}.question-text-wrapper .question-text{opacity:0;transition:opacity 0.1s ease-out}.question-text-wrapper .question-text.visible{opacity:1}.question-text-wrapper .question-text>*{font-family:inherit}.question-text-wrapper p{font-size:1.125rem;font-weight:500;color:rgba(12,20,58,.6);margin-top:1rem;margin-bottom:1rem}.answer-buttons{display:flex;gap:1rem}.button{border:none;padding:.5rem 1rem;border-radius:.25rem;font-weight:500;cursor:pointer;transition:background-color 0.1s;margin-top:0!important;margin-bottom:0!important}.button.answer-button{background:#007953;color:#fff}.button.back-button{background:#f1f3f7;padding:.3rem .5rem;opacity:.8;margin-bottom:0;color:#000}.button.back-button:hover{color:#000}.button.end-button{background:#ff703f;color:#fff;text-decoration:none}