.feedback-text { 
color: #666;
margin-bottom: 2rem; 
font-size: 1.4rem;
}
.emoji-rating {
display: flex; 
justify-content: center;
gap: 1.5rem;
margin: 2rem 0;
}
.emoji {
font-size: 3rem;
cursor: pointer;
color:#ccc;
transition: all 0.3s ease;
transform: scale(1);
}
.emoji:hover {
transform: scale(1.2); 
color: #ffcc00;
}
.emoji.selected {
animation: bounce 0.5s ease;
color:#ff9500;
filter: drop-shadow(0 0 8px rgba(255, 204, 0, 0.6));
}

.emoji.emoji1:hover {
color: #0080C0;
}
.emoji.emoji2:hover {
color: #009B00;
}
.emoji.emoji3:hover {
color: #ffcc00;
}
.emoji.emoji4:hover {
color: #EC7600;
}
.emoji.emoji5:hover {
color: #D90000;
}
.emoji.emoji1.selected{
color: #0080C0 !important;	
filter: drop-shadow(0 0 8px rgba(0, 128, 192, 0.4));
}
.emoji.emoji2.selected{
color: #009B00 !important;	
filter: drop-shadow(0 0 8px rgba(0, 155, 0, 0.4));
}
.emoji.emoji3.selected{
color: #ffcc00 !important;	
filter: drop-shadow(0 0 8px rgba(255, 204, 0, 0.4));
}
.emoji.emoji4.selected{
color: #EC7600 !important;	
filter: drop-shadow(0 0 8px rgba(236, 118, 0, 0.4));
}
.emoji.emoji5.selected{
color: #D90000 !important;	
filter: drop-shadow(0 0 8px rgba(217, 0, 0, 0.4));
}


@keyframes bounce 
{
0%, 100% { transform: scale(1); } 
50% { transform: scale(1.3); }
}
.selected-rating {
font-size: 1.2rem;
margin: 1.5rem 0;
font-weight: 600;
color:#444;
} 


#reset-btn { 
	background:var(--color-secondary);
	color:#FFF;
	border:1px solid var(--color-secondary);

} 
#reset-btn:hover {
background:var(--color-primary); color:#FFF; border:1px solid var(--color-secondary);
}