.favorite-icon {
    cursor: pointer;
    transition: all 0.3s ease;
}

.favorite-icon path {
    fill: none;
    stroke: #243064;
    stroke-width: 1.5;
    transition: all 0.3s ease;
}

.favorite-icon.active path {
    fill: #ff4444 !important;
    stroke: #ff4444 !important;
    stroke-width: 0;
}

.favorite-icon:hover {
    transform: scale(1.1);
}

.favorite-icon:hover path {
    stroke-width: 2;
}

.favorite-icon.active:hover path {
    stroke-width: 0;
}