/* Bouton classique */
.btn_1 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Bebas Neue", sans-serif;
    font-size: clamp(1rem, 1.8vw, 1.5rem);
    letter-spacing: 0.08em;
    padding: 0.5em 1.6em;
    border-radius: var(--rayon);
    border: 1.5px solid rgba(107, 191, 61, 0.4);
    background: linear-gradient(135deg, var(--vert-vif), var(--vert-sombre));
    color: white;
    cursor: pointer;
    box-shadow: 0 0 14px rgba(107,191,61,0.35);
    transition: var(--transition);
    text-decoration: none;
    width: auto;
}
.btn_1:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 22px gold;
    background: linear-gradient(darkgoldenrod, gold);
    border-color: darkgoldenrod;
}


/* Bouton de retour */
.btn_2 {
    align-self: start;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-family: "Bebas Neue", sans-serif;
    text-decoration: none;
    font-size: clamp(1rem, 2vw, 1.6rem);
    letter-spacing: 0.05em;
    padding: 0.4em 1.2em;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.4);
    transition: var(--transition);
    width: auto;
    background: linear-gradient(160deg, rgba(27, 26, 25, 0.95), rgba(40, 35, 25, 0.95));
    color: var(--or-clair);
    border: 1.5px solid rgba(201, 148, 58, 0.35);
}
.btn_2:hover {
    transform: translateY(-1px);
    color: #ffd98a;
    box-shadow: 0 0 16px var(--ombre-or);
}


/* Petit bouton rectangle, utilisé dans les tableaux */
.btn_3 {
    padding: 0.25vw 0.5vw;
    font-family: "Bebas Neue", sans-serif;
    font-size: 0.8vw;
    font-weight: 700;
    letter-spacing: 0.05em;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
    border: 1px solid rgba(200,60,60,0.35);
    color: white;
}




/* 3 couleurs possibles pour les bouton */
.btn_green {background: linear-gradient(darkgreen, green);}
.btn_blue {background: linear-gradient(darkblue, blue);}
.btn_red {background: linear-gradient(darkred, red);}
.btn_green:hover {
    box-shadow: 0 0 22px green;
    background: linear-gradient(green, lawngreen);
    border-color: green;
}
.btn_blue:hover {
    box-shadow: 0 0 22px blue;
    background: linear-gradient(blue, dodgerblue);
    border-color: blue;
}
.btn_red:hover {
    box-shadow: 0 0 22px red;
    background: linear-gradient(red, orangered);
    border-color: red;
}


/* ------------------------------ MOBILE ------------------------------------- */
@media (max-width: 765px) {
    .btn_3 { font-size: 2.25vw; padding: 0.5vw 1vw; }
}