/* Feedback rating button styles */
.md-feedback__icon[data-md-value="1"]:hover,
.md-feedback__icon[data-md-value="1"]:hover .md-icon,
.md-feedback__icon[data-md-value="1"]:hover i,
.md-feedback__icon[data-md-value="1"]:hover span {
    color: #4CAF50 !important; /* Green color for happy icon */
}

.md-feedback__icon[data-md-value="0"]:hover,
.md-feedback__icon[data-md-value="0"]:hover .md-icon,
.md-feedback__icon[data-md-value="0"]:hover i,
.md-feedback__icon[data-md-value="0"]:hover span {
    color: #F44336 !important; /* Red color for sad icon */
}

/* Add transition for smooth color change */
.md-feedback__icon {
    transition: color 0.2s ease-in-out;
}

.md-feedback__icon .md-icon,
.md-feedback__icon i,
.md-feedback__icon span {
    transition: color 0.2s ease-in-out;
}