.feedback-text { 
color: var(--color-secondary);
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 {
color: #E53935;
}
.emoji.emoji2 {
color: #FB8C00; 
}
.emoji.emoji3 {
color: #FDD835;
}
.emoji.emoji4 {
color: #8BC34A;
}
.emoji.emoji5 {
color: #2E7D32;
}

 
.emoji.emoji1:hover {
color: #E53935;
}
.emoji.emoji2:hover {
color: #FB8C00; 
}
.emoji.emoji3:hover {
color: #FDD835;
}
.emoji.emoji4:hover {
color: #8BC34A;
}
.emoji.emoji5:hover {
color: #2E7D32;
}
.emoji.emoji1.selected{
color: #E53935 !important;	
filter: drop-shadow(0 0 8px rgba(221, 14, 10, 0.4));
}
.emoji.emoji2.selected{
color: #FB8C00 !important;	
filter: drop-shadow(0 0 8px rgba(236, 118, 0, 0.4));
}
.emoji.emoji3.selected{
color: #FDD835 !important;	
filter: drop-shadow(0 0 8px rgba(247, 183, 3, 0.4));
}
.emoji.emoji4.selected{
color: #8BC34A !important;	
filter: drop-shadow(0 0 8px rgba(127, 196, 16, 0.4));
}
.emoji.emoji5.selected{
color: #2E7D32 !important;	
filter: drop-shadow(0 0 8px rgba(4, 135, 41, 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);
}