/* ALIGNEMENT DU WRAPPER */
.btn-align-left   { text-align: left; }
.btn-align-center { text-align: center; }
.btn-align-right  { text-align: right; }
.btn-align-full   { text-align: center; }

/* BOUTON DE BASE */
.btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.3rem;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  transition: .2s ease;
}

/* VARIANTS */
.btn-primaire {
  background: var(--color-primary, #007bff);
  color: white;
}
.btn-primaire:hover {
  background: var(--color-primary-hover, #0056d2);
}

.btn-secondaire {
  background: #f1f1f1;
  color: #222;
}
.btn-secondaire:hover {
  background: #e2e2e2;
}

.btn-outline {
  border: 2px solid currentColor;
  background: transparent;
}
.btn-outline:hover {
  background: rgba(0,0,0,0.05);
}

.btn-ghost {
  background: transparent;
  color: inherit;
}
.btn-ghost:hover {
  background: rgba(0,0,0,0.05);
}

/* TAILLES */
.btn-size-small { padding: .4rem .8rem; font-size: .85rem; }
.btn-size-normal { padding: .7rem 1.2rem; font-size: 1rem; }
.btn-size-large { padding: 1rem 1.6rem; font-size: 1.2rem; }

/* PLEINE LARGEUR */
.btn-block {
  display: block;
  width: 100%;
}

/* ICONES */
.btn-icon { opacity: .9; }
.btn-icon-left { margin-right: .5rem; }
.btn-icon-right { margin-left: .5rem; }