/* CSS */
.button-18 {
    align-items: center;
    background-color: #e96161; /* Rouge principal */
    border: none; /* Supprime les bordures */
    border-radius: 100px;
    box-shadow: none; /* Supprime l'ombre verte */
    color: #ffffff; /* Texte blanc */
    cursor: pointer;
    display: inline-flex;
    font-family: -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
    font-size: 16px;
    font-weight: 600;
    justify-content: center;
    line-height: 20px;
    padding: 10px 20px;
    text-align: center;
    text-shadow: none; /* Supprime l'ombre du texte */
    transition: background-color 0.2s ease;
}

.button-18:hover,
.button-18:focus {
    background-color: #9a2723; /* Rouge plus foncé au survol */
    box-shadow: none; /* Supprime l'ombre au survol */
    text-shadow: none; /* Supprime l'ombre du texte au survol */
}

.button-18:active {
    background-color: #9a2723; /* Rouge encore plus foncé au clic */
    box-shadow: none; /* Supprime l'ombre au clic */
    text-shadow: none; /* Supprime l'ombre du texte au clic */
}

.button-18:disabled {
    cursor: not-allowed;
    background: rgba(0, 0, 0, 0.08);
    color: rgba(0, 0, 0, 0.3);
    text-shadow: none; /* Supprime l'ombre du texte pour les boutons désactivés */
}

.button-categorie {
    align-items: center;
    background-color: #5cca4b; /* Rouge principal */
    border: none; /* Supprime les bordures */
    border-radius: 100px;
    box-shadow: none; /* Supprime l'ombre verte */
    color: #ffffff; /* Texte blanc */
    cursor: pointer;
    display: inline-flex;
    font-family: -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
    font-size: 16px;
    font-weight: 600;
    justify-content: center;
    line-height: 20px;
    padding: 10px 20px;
    text-align: center;
    text-shadow: none; /* Supprime l'ombre du texte */
    transition: background-color 0.2s ease;
}

.button-categorie:hover,
.button-categorie:focus {
    background-color: #239a25; /* Rouge plus foncé au survol */
    box-shadow: none; /* Supprime l'ombre au survol */
    text-shadow: none; /* Supprime l'ombre du texte au survol */
}

.button-categorie:active {
    background-color: #239a25; /* Rouge encore plus foncé au clic */
    box-shadow: none; /* Supprime l'ombre au clic */
    text-shadow: none; /* Supprime l'ombre du texte au clic */
}

.button-categorie:disabled {
    cursor: not-allowed;
    background: rgba(0, 0, 0, 0.08);
    color: rgba(0, 0, 0, 0.3);
    text-shadow: none; /* Supprime l'ombre du texte pour les boutons désactivés */
}


/* CSS */
.button-21 {
  align-items: center;
  appearance: none;
  background-color: #3EB2FD;
  background-image: linear-gradient(1deg, #4F58FD, #149BF3 99%);
  background-size: calc(100% + 20px) calc(100% + 20px);
  border-radius: 100px;
  border-width: 0;
  box-shadow: none;
  box-sizing: border-box;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-flex;
  font-family: CircularStd,sans-serif;
  font-size: 1rem;
  height: auto;
  justify-content: center;
  line-height: 1.5;
  padding: 6px 20px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: background-color .2s,background-position .2s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: top;
  white-space: nowrap;
}

.button-21:active,
.button-21:focus {
  outline: none;
}

.button-21:hover {
  background-position: -20px -20px;
}

.button-21:focus:not(:active) {
  box-shadow: rgba(40, 170, 255, 0.25) 0 0 0 .125em;
}


/* CSS */
.button-tout-cocher {
    background: #3f7a2a;
    border-radius: 999px;
    box-shadow: #419c2a 0 6px 12px -4px; /* Augmente légèrement l'ombre */
    box-sizing: border-box;
    color: #ffffff;
    cursor: pointer;
    font-family: Inter, Helvetica, "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", EmojiSymbols, -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", sans-serif;
    font-size: 16px; /* Augmente légèrement la taille de la police */
    font-weight: 700;
    line-height: 18px; /* Ajuste la hauteur de ligne */
    opacity: 1;
    outline: 0 solid transparent;
    padding: 6px 12px; /* Augmente l'espacement interne */
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    width: fit-content;
    word-break: break-word;
    border: 0;
}

.button-tout-decocher {
    background: #7a2a2a;
    border-radius: 999px;
    box-shadow: #9c2a2a 0 6px 12px -4px; /* Augmente légèrement l'ombre */
    box-sizing: border-box;
    color: #ffffff;
    cursor: pointer;
    font-family: Inter, Helvetica, "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", EmojiSymbols, -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", sans-serif;
    font-size: 16px; /* Augmente légèrement la taille de la police */
    font-weight: 700;
    line-height: 18px; /* Ajuste la hauteur de ligne */
    opacity: 1;
    outline: 0 solid transparent;
    padding: 6px 12px; /* Augmente l'espacement interne */
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    width: fit-content;
    word-break: break-word;
    border: 0;
}

.button-tout-pas-trouver {
    background: #61c43d;
    border-radius: 999px;
    box-shadow: #54cf35 0 6px 12px -4px; /* Augmente légèrement l'ombre */
    box-sizing: border-box;
    color: #ffffff;
    cursor: pointer;
    font-family: Inter, Helvetica, "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", EmojiSymbols, -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", sans-serif;
    font-size: 16px; /* Augmente légèrement la taille de la police */
    font-weight: 700;
    line-height: 18px; /* Ajuste la hauteur de ligne */
    opacity: 1;
    outline: 0 solid transparent;
    padding: 6px 12px; /* Augmente l'espacement interne */
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    width: fit-content;
    word-break: break-word;
    border: 0;
}

.button-tout-trouver {
    background: #3d463a;
    border-radius: 999px;
    box-shadow: #5c6f57 0 6px 12px -4px; /* Augmente légèrement l'ombre */
    box-sizing: border-box;
    color: #ffffff;
    cursor: pointer;
    font-family: Inter, Helvetica, "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", EmojiSymbols, -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", sans-serif;
    font-size: 16px; /* Augmente légèrement la taille de la police */
    font-weight: 700;
    line-height: 18px; /* Ajuste la hauteur de ligne */
    opacity: 1;
    outline: 0 solid transparent;
    padding: 6px 12px; /* Augmente l'espacement interne */
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    width: fit-content;
    word-break: break-word;
    border: 0;
}

.button-rafraichir {
    background: #5fd8e9;
    border-radius: 999px;
    box-shadow: #5df3f1 0 6px 12px -4px; /* Augmente légèrement l'ombre */
    box-sizing: border-box;
    color: #ffffff;
    cursor: pointer;
    font-family: Inter, Helvetica, "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", EmojiSymbols, -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", sans-serif;
    font-size: 16px; /* Augmente légèrement la taille de la police */
    font-weight: 700;
    line-height: 18px; /* Ajuste la hauteur de ligne */
    opacity: 1;
    outline: 0 solid transparent;
    padding: 6px 12px; /* Augmente l'espacement interne */
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    width: fit-content;
    word-break: break-word;
    border: 0;
}

.button-tout-ajouter {
    background: #3d463a;
    border-radius: 999px;
    box-shadow: #5c6f57 0 6px 12px -4px; /* Augmente légèrement l'ombre */
    box-sizing: border-box;
    color: #ffffff;
    cursor: pointer;
    font-family: Inter, Helvetica, "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", EmojiSymbols, -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", sans-serif;
    font-size: 16px; /* Augmente légèrement la taille de la police */
    font-weight: 700;
    line-height: 18px; /* Ajuste la hauteur de ligne */
    opacity: 1;
    outline: 0 solid transparent;
    padding: 6px 12px; /* Augmente l'espacement interne */
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    width: fit-content;
    word-break: break-word;
    border: 0;
}

.button-trier {
    background: #638981;
    border-radius: 999px;
    box-shadow: #638981 0 6px 12px -4px; /* Augmente légèrement l'ombre */
    box-sizing: border-box;
    color: #ffffff;
    cursor: pointer;
    font-family: Inter, Helvetica, "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", EmojiSymbols, -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", sans-serif;
    font-size: 16px; /* Augmente légèrement la taille de la police */
    font-weight: 700;
    line-height: 18px; /* Ajuste la hauteur de ligne */
    opacity: 1;
    outline: 0 solid transparent;
    padding: 6px 12px; /* Augmente l'espacement interne */
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    width: fit-content;
    word-break: break-word;
    border: 0;
}

.button-tout-ajouter_dark {
    background: #3d463a;
    border-radius: 999px;
    box-shadow: #5c6f57 0 6px 12px -4px; /* Augmente légèrement l'ombre */
    box-sizing: border-box;
    color: #FFDB55;
    cursor: pointer;
    font-family: Inter, Helvetica, "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", EmojiSymbols, -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", sans-serif;
    font-size: 16px; /* Augmente légèrement la taille de la police */
    font-weight: 700;
    line-height: 18px; /* Ajuste la hauteur de ligne */
    opacity: 1;
    outline: 0 solid transparent;
    padding: 6px 12px; /* Augmente l'espacement interne */
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    width: fit-content;
    word-break: break-word;
    border: 0;
}

.button-tout-retirer {
    background: #61c43d;
    border-radius: 999px;
    box-shadow: #54cf35 0 6px 12px -4px; /* Augmente légèrement l'ombre */
    box-sizing: border-box;
    color: #ffffff;
    cursor: pointer;
    font-family: Inter, Helvetica, "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", EmojiSymbols, -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", sans-serif;
    font-size: 16px; /* Augmente légèrement la taille de la police */
    font-weight: 700;
    line-height: 18px; /* Ajuste la hauteur de ligne */
    opacity: 1;
    outline: 0 solid transparent;
    padding: 6px 12px; /* Augmente l'espacement interne */
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    width: fit-content;
    word-break: break-word;
    border: 0;
}

.button-tout-retirer_dark {
    background: #61c43d;
    border-radius: 999px;
    box-shadow: #54cf35 0 6px 12px -4px; /* Augmente légèrement l'ombre */
    box-sizing: border-box;
    color: #FFDB55;
    cursor: pointer;
    font-family: Inter, Helvetica, "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", EmojiSymbols, -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", sans-serif;
    font-size: 16px; /* Augmente légèrement la taille de la police */
    font-weight: 700;
    line-height: 18px; /* Ajuste la hauteur de ligne */
    opacity: 1;
    outline: 0 solid transparent;
    padding: 6px 12px; /* Augmente l'espacement interne */
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    width: fit-content;
    word-break: break-word;
    border: 0;
}

.button-copier-id-team {
    background: #eec43b;
    border-radius: 999px;
    box-shadow: #ffda48 0 6px 12px -4px; /* Augmente légèrement l'ombre */
    box-sizing: border-box;
    color: #ffffff;
    cursor: pointer;
    font-family: Inter, Helvetica, "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", EmojiSymbols, -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", sans-serif;
    font-size: 16px; /* Augmente légèrement la taille de la police */
    font-weight: 700;
    line-height: 18px; /* Ajuste la hauteur de ligne */
    opacity: 1;
    outline: 0 solid transparent;
    padding: 6px 12px; /* Augmente l'espacement interne */
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    width: fit-content;
    word-break: break-word;
    border: 0;
}

.boutton-sans-fond {
    background: none; /* Pas de fond */
    border-radius: 999px;
    box-shadow: none; /* Pas d'ombre */
    box-sizing: border-box;
    color: #ffffff; /* Texte blanc */
    cursor: pointer;
    font-family: Inter, Helvetica, "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", EmojiSymbols, -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", sans-serif;
    font-size: 16px; /* Taille de la police */
    font-weight: 700; /* Gras */
    line-height: 18px; /* Hauteur de ligne */
    opacity: 1;
    outline: 0 solid transparent;
    padding: 6px 12px; /* Espacement interne */
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    width: fit-content; /* Largeur ajustée au contenu */
    word-break: break-word; /* Casse les mots si nécessaire */
    border: 0; /* Pas de bordure */
}