.btn-green {
    /* Indispensable pour que les liens <a> acceptent les marges et la largeur */
    display: table;

    /* Couleurs */
    background: linear-gradient(to right, #576500 0%, #dfff00 100%);
    color: var(--black);

    /* Structure */
    padding: 12px 25px;
    font-size: var(--p);
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    width: 200px;

    /* Bordures et coins */
    border: none;
    border-radius: 8px;

    /* Interaction */
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;

    /* Position */
    margin: 20px auto;
}

/* Effet au survol (Hover) */
.btn-green:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

/* Effet au clic */
.btn-green:active {
    transform: translateY(0);
}

.btn-primary {
    background: var(--black);
    color: var(--white);
    padding: 1rem 2rem;
    border: none;
    border-radius: 5px;
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    width: fit-content;
    align-self: center;
    transition: transform 0.3s ease;
    text-decoration: none;
}

.btn-container-center {
    margin: 2rem 0;
}

.btn-primary:hover {
    transform: scale(1.05);
}

@media (min-width: 1024px) {
    .btn-green {
        width: 250px;
    }

    .coursCo {
        .btn-primary {
            width: 250px;
            height: 50px;
            padding: auto;
            display: flex;
            justify-content: center; 
            align-items: center;
        }
    }
}