.points {
    transition: all 0.3s ease-in-out;
}

.points-updated {
    animation: pointsUpdate 0.5s ease-in-out;
}

@keyframes pointsUpdate {
    0% {
        transform: scale(1);
        color: inherit;
    }
    50% {
        transform: scale(1.2);
        color: #28a745;
    }
    100% {
        transform: scale(1);
        color: inherit;
    }
}

.btn-unlock {
    transition: all 0.3s ease-in-out;
}

.btn-unlock:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

.btn-unlock:not(:disabled):hover {
    transform: translateY(-2px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.question-card.solved .btn-unlock:disabled {
    background-color: #6c757d;
    opacity: 0.5;
}

/* Style for answered question hint buttons */
.question-card.solved .btn-unlock {
    background-color: #28a745;
    color: white;
    opacity: 0.7;
    cursor: not-allowed;
}

.question-card.solved .hint-cost {
    opacity: 0.7;
}