body {
  background-color: #F5F5F5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

.btn {
  width: 220px;
  margin: 10px;
  padding: 12px 0;
  border-radius: 6px;
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-decoration: none;
  font-weight: 500;
}

.btn img {
  height: 1.5em;     /* s'adapte à la taille du texte */
  width: auto;       /* conserve les proportions */
  max-height: 28px;  /* limite haute pour ne pas dépasser */
}

/* --- Bouton SAM HEC --- */
.btn-custom-sam {
  background-color: #00707F;
  color: white;
}

.btn-custom-sam:hover {
  background-color: #005f6b;
  color: white;
}

/* --- Bouton AnyDesk --- */
.btn-custom-anydesk {
  background-color: #EF443B;
  color: white;
}

.btn-custom-anydesk:hover {
  background-color: #d93b33;
  color: white;
}

/* --- AnyDesk subpage buttons --- */
.btn-custom-windows {
  background-color: #0078D7; /* Bleu Windows */
  color: white;
}
.btn-custom-windows:hover {
  background-color: #0064b4;
  color: white;
}

.btn-custom-mac {
  background-color: #555555; /* Gris Apple */
  color: white;
}
.btn-custom-mac:hover {
  background-color: #333333;
  color: white;
}

.btn-custom-linux {
  background-color: #2E9E44; /* Vert Linux */
  color: white;
}
.btn-custom-linux:hover {
  background-color: #247A35;
  color: white;
}

.help-icon {
  height: 22px;
  width: auto;
  cursor: pointer;
  transition: transform 0.15s ease;
}

.help-icon:hover {
  transform: scale(1.4);
}

.help-spacer {
  width: 22px;
  height: 22px;
  margin-right: 8px;
}