/**
 * File : assets/user-actions-owned.css
 * Styles spécifiques aux boutons owned
 */

/* Animation cœur */
.sisme-action-owned.clicked.sisme-action-icon {
    animation: heartBeat 0.6s ease;
}

@keyframes heartBeat {
    0% { transform: scale(1); }
    14% { transform: scale(1.3); }
    28% { transform: scale(1); }
    42% { transform: scale(1.3); }
    70% { transform: scale(1); }
}

.sisme-action-active.sisme-action-owned {
    background: var(--sisme-button-bg-bleu);
}

.sisme-action-inactive{
    
}

.sisme-action-owned.sisme-action-inactive:hover {
    background: var(--sisme-button-bg-hover-bleu);
}

.sisme-action-owned.sisme-action-active:hover {
    background: var(--sisme-button-bg-hover-rouge);
}