.save-post {
    cursor: pointer;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.save-post:hover {
    transform: scale(1.1);
}

.save-post.is-loading {
    opacity: 0.5;
    pointer-events: none;
}

/* Icon style when saved */
.save-post.is-saved .elementor-icon svg path {
    fill: #2563EB !important; /* Premium Blue */
    stroke: #2563EB !important;
}

/* Subtle animation when toggled */
.save-post.is-saved .elementor-icon {
    animation: save-pulse 0.3s ease-out;
}

@keyframes save-pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.3); }
    100% { transform: scale(1); }
}

/* Optional: change the path to a filled one if you want to swap SVGs, 
   but since we only have one path in the request, we'll just color it.
   If the icon is an outline, coloring it usually looks good. 
*/