<>
.feedback-form {
position: absolute;
display: flex;
flex-direction: column;
gap: 10px;
padding: 15px;
background: white;
border: 1px solid #ccc;
border-radius: 8px;
width: 300px;
z-index: 6;
top: 150px;
left: 20px;
}
.feedback-form input,
.feedback-form textarea {
width: 100%;
padding: 8px;
font-size: 14px;
border: 1px solid #bbb;
border-radius: 4px;
}
.feedback-form button {
padding: 10px;
font-size: 14px;
background: #007bff;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
}
.feedback-form.hidden {
display: none;
}
.feedback-form input[name='lastname'],
.feedback-form input[name='firstname'] {
display: none;
}
.feedback-toggle {
position: absolute;
display: flex;
align-items: center;
padding: 5px;
border-radius: 5px;
background: #FEB940;
border: none;
cursor: pointer;
overflow: hidden;
transition: width 0.3s ease;
z-index: 5;
top: 99px;
left: 20px;
}
.feedback-toggle .label {
white-space: nowrap;
opacity: 0;
width: 0;
transition: opacity 0.3s easewidth 0.3s ease;
}
.feedback-toggle:hover .label {
opacity: 1;
width: auto;
}