.container {
  padding: 1.5rem 1rem 2rem;
}

.contact-cards {
  display: flex;
  flex-direction: column;
  gap: 1.5rem; 
  align-items: center;
}

.card {  
 
  background-color: #fff7c7;
  border-radius: 16px;
  padding: 1.2rem;
  box-shadow: 0 4px 6px rgba(0,0,0,0.12);
   width: 100%;
  max-width: 420px; /* largeur maquette mobile */
  display: flex;
  flex-direction: column;

}

.btn-secondary {
  background-color: var(--card);
  border: none;
  border-radius: 999px;
  padding: 0.7rem 1.6rem;
  font-size: 14px;
  font-family: "Karla", sans-serif;
  cursor: pointer;
  box-shadow: 0 4px 8px rgba(0,0,0,0.12);
  transition: transform 0.15s ease, box-shadow 0.15s ease;

  text-decoration: none;
  color: var(--text);
}