/* extra.css - Styles personnalisés */

/* Style du bouton "Surprenez-moi" si les classes Tailwind manquent */
.btn-extra {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
    color: white;
    padding: 1rem 2rem;
    border-radius: 1rem;
    font-weight: 800;
    font-size: 1.1rem;
    border: none;
    cursor: pointer;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s, box-shadow 0.2s;
}

.btn-extra:hover {
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2);
    background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%); /* Devenient bleu au survol */
}

.btn-extra:active {
    transform: scale(0.95);
}