/* Boutons d'appel à l'action : lien boutique, devis, etc. */

.ts-bouton {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.625rem 1.25rem;
  border-radius: 8px;
  font-weight: 600;
  font-size: 0.9375rem;
  border: 1px solid transparent;
  transition: background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);
}

.ts-bouton:hover {
  text-decoration: none;
}

.ts-bouton--principal {
  background: var(--ts-red);
  color: #FFFFFF;
}

.ts-bouton--principal:hover {
  background: var(--ts-red-hover);
  color: #FFFFFF;
}

.ts-bouton--secondaire {
  background: transparent;
  color: var(--ts-red);
  border-color: var(--ts-red);
}

.ts-bouton--secondaire:hover {
  background: var(--ts-red-light);
  color: var(--ts-red-hover);
}