.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:12px 16px;
  border-radius: 999px;
  border:2px solid #000;
  background: rgba(255,255,255,.05);
  color: var(--text);
  cursor:pointer;
  transition: transform .15s ease, background .15s ease, border-color .15s ease;
  user-select:none;
  white-space:nowrap;
}
.btn:hover{transform: translateY(-1px); background: rgba(255,255,255,.07)}
.btn--primary{
  background: linear-gradient(135deg, var(--accent2), var(--accent));
  color:#fff;
  border: 2px solid #000;
  box-shadow: 0 12px 30px rgba(124,92,255,.22);
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}

.btn--primary:hover{
  transform: translateY(-1px);
  filter: brightness(1.10) saturate(1.05);
  box-shadow: 0 18px 45px rgba(124,92,255,.30);
  background: linear-gradient(135deg, var(--accent2), var(--accent));
  color:#fff;
}

/* Icône WhatsApp plus visible */
.btn--primary .btn__icon{
  filter: drop-shadow(0 1px 2px rgba(0,0,0,.25));
}


.btn--ghost{
  background: transparent;
}
.full{width:100%}
button, input, select, textarea {
  font: inherit;
  color: inherit;
}