/* your styles go here */

.svg-icon {
    fill: none;
}

.svg-icon.text-danger {
    fill: #dc3545 !important;
}

.card-fav-icon {
    cursor: pointer;
}

.card-fav-icon .svg-icon {
    transition: color 0.2s ease-in-out, fill 0.2s ease-in-out;
}

.card-fav-icon:hover .svg-icon {
    color: #dc3545 !important; /* Bootstrap danger color */
    fill: #dc3545 !important;
}