/* ------------------------------
   Boutons
------------------------------ */
.btn{
  display:inline-block;
  padding:.75rem 1.1rem;
  border:1px solid var(--accent);
  border-radius:var(--radius);
  transition:filter .15s, transform .06s;
  will-change:filter, transform;
}
.btn:active{ transform:translateY(1px) }

.btn-accent{ background:var(--accent-2); border-color:var(--accent-2) }

.btn-accent:hover{
     filter:brightness(1.12);
     transform:scale(1.05); 
    }

/* Bouton encadré + souligné */
.btn-outline{
  display:inline-block;
  padding:.7rem 1.2rem;
  border:1px solid #2a2a2a;
  border-radius: 6px;
  background: transparent;
  color: var(--fg);
  text-decoration: none;
  transition: border-color .2s, background-color .2s, color .2s, filter .2s;
}

.btn-outline:hover{
  border-color: var(--accent);
  background: rgba(179,18,23,.10);
  color: var(--fg);
  transform: scale(1.05);
  animation-duration: transform .4s;
}