.new-button1 {
    display: inline-block;
    padding: 15px 25px;
    margin: 10px;
    background: #1aff1a;
    border: 3px outset #000;
    color: white;
    text-decoration: none;
    font-size: 1.2em;
    text-shadow: 1px 1px #000;

    /* Animation de rebond infinie */
    animation: bounce 0.6s ease-in-out infinite;
}

@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-8px);
    }
}

.new-button2 {
    display: inline-block;
    padding: 15px 25px;
    margin: 10px;
    background: #ff1aff;
    border: 3px outset #000;
    color: white;
    text-decoration: none;
    font-size: 1.2em;
    text-shadow: 1px 1px #000;

    /* Animation de rebond infinie */
    animation: bounce 0.6s ease-in-out infinite;
}

@keyframes bounce {
    0%, 100% {
        transform: translateY(-16px);
    }
    50% {
        transform: translateY(0);
    }
}

.new-button3 {
    display: inline-flex;              /* IMPORTANT */
    align-items: center;
    gap: 12px;                          /* espace texte / image */

    padding: 15px 25px;
    margin: 10px;

    background: #ff1aff;
    border: 3px outset #000;
    color: white;
    text-decoration: none;
    font-size: 1.2em;
    text-shadow: 1px 1px #000;

    /* Animation de rebond */
    animation: bounce 0.6s ease-in-out infinite;
}

/* Image dans le bouton */
.new-button3 .btn-img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 6px; /* optionnel */
}

/* Animation */
@keyframes bounce {
    0%, 100% {
        transform: translateY(-16px);
    }
    50% {
        transform: translateY(0);
    }
}


	.retro-button1 {
      display: inline-block;
      padding: 15px 25px;
      margin: 10px;
      background: #1a1aff;
      border: 3px outset #000;
      color: white;
      text-decoration: none;
      font-size: 1.2em;
      text-shadow: 1px 1px #000;
      transition: transform 0.2s;
    }
    .retro-button1:hover {
      animation: bounce 0.3s ease;
      background: #3333ff;
      box-shadow: 0 0 10px #fff;
    }
    @keyframes bounce {0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}
/* --------------------------------------------------------------------------------------------------------*/
    .retro-button2 {
      display: inline-block;
      padding: 15px 25px;
      margin: 10px;
      background: #9900cc;
      border: 3px outset #000;
      color: white;
      text-decoration: none;
      font-size: 1.2em;
      text-shadow: 1px 1px #000;
      transition: transform 0.2s;
    }
    .retro-button2:hover {
      animation: bounce 0.3s ease;
      background: #ac00e6;
      box-shadow: 0 0 10px #fff;
    }
    @keyframes bounce {0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}
/* --------------------------------------------------------------------------------------------------------*/
    .retro-button3 {
      display: inline-block;
      padding: 15px 25px;
      margin: 10px;
      background: #00cc00;
      border: 3px outset #000;
      color: white;
      text-decoration: none;
      font-size: 1.2em;
      text-shadow: 1px 1px #000;
      transition: transform 0.2s;
    }
    .retro-button3:hover {
      animation: bounce 0.3s ease;
      background: #00e600;
      box-shadow: 0 0 10px #fff;
    }
    @keyframes bounce {0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}
/* --------------------------------------------------------------------------------------------------------*/
    .vibrate {
      display: inline-block;
      padding: 15px 25px;
	  margin: 10px;
      background: #00cc00;
	  border: 3px outset #000;
      color: white;
      text-decoration: none;
      font-size: 1.2em;
      text-shadow: 1px 1px #000;
      transition: 0.1s;
    }
    .vibrate:hover {
      animation: shake 0.1s infinite;
    }
    @keyframes shake {
      0% { transform: translate(1px, 1px) rotate(0deg); }
      25% { transform: translate(-1px, -1px) rotate(-1deg); }
      50% { transform: translate(-1px, 1px) rotate(1deg); }
      75% { transform: translate(1px, -1px) rotate(1deg); }
      100% { transform: translate(0, 0) rotate(0deg); }
    }