.form-container {
text-align: center;
}
.form-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 80px;
margin-bottom: 80px;
}
.emoji-container {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
}
.emoji {
font-size: 40px;
cursor: pointer;
transition: transform 0.2s ease-in-out;
}
.emoji:hover {
transform: scale(1.3);
}
.selected-text {
display: none;
margin-top: 10px;
}
.separator-question {
height: 50px;
}
label {
font-weight: bold !important;
font-size: 20px !important;
color: #104c9a !important;
}
#title {
font-size: 30px !important;
color: #104c9a !important;
}
.separator-feedback {
height: 20px;
}
form button {
float: none !important;
}
textarea {
width: 50% !important;
height: 105px !important;
} @media screen and (max-width: 600px) {
.form-grid {
grid-template-columns: repeat(1, 1fr);
}
textarea {
width: 90% !important;
height: 105px !important;
}
#title {
font-size: 21px !important;
padding: 20px;
}
}
.feedback-hp {
position: absolute !important;
left: -99999px !important;
top: auto !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
#feedback_email {
max-width: 100%;
}
#feedback_note {
width: 100%;
min-height: 120px;
resize: vertical;
}