/* Challenge Card Styles */
.challenge-card {
    animation: slideInUp 0.4s ease-out;
}

.create-challenge-btn {
    padding: 0.75rem 1.5rem;
    font-size: 1.5rem;
    font-weight: 700;
    border-radius: 4rem;
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: white;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
    /* width: 30%; */
}

    .create-challenge-btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 16px rgba(16, 185, 129, 0.4);
    }

@media (max-width: 768px) {
    .create-challenge-btn {
        font-size: 1rem;
        padding: 0.5rem 1rem;
        /* width: 100%; */
    }
}