/* equiv-conforama-0410 (04/10, Romain): « Voir les N modèles équivalents », one label and one arrow (the down arrow
   of the button on its mustard block), the look of the merchant button. Body class eqc, inc/equiv-conforama-0410.php. */
.eqc.dbt a.bouton.bouton--equivalents {
  display: inline-flex; align-items: stretch; justify-content: space-between; gap: 0; max-width: 100%; min-height: 48px;
  padding: 0 0 0 1.2rem; border: 0; border-radius: 4px; background: var(--anthracite); color: #fff; box-shadow: none;
  font: 600 0.98rem/1.15 var(--sans); letter-spacing: 0.005em; text-align: left; text-decoration: none; text-transform: none; overflow: hidden;
}
.eqc.dbt a.bouton.bouton--equivalents::before, .eqc.dbt a.bouton.bouton--equivalents::after { content: none !important; display: none !important; }
.eqc.dbt a.bouton.bouton--equivalents .cta__texte { display: block; align-self: center; min-width: 0; padding: 0.55rem 1rem 0.55rem 0; white-space: normal; font: inherit; }
.eqc.dbt a.bouton.bouton--equivalents .cta__fleche {
  box-sizing: content-box; flex: none; align-self: stretch; width: 18px; height: auto; margin: 0 !important; padding: 0 0.9rem;
  border-radius: 0; background: var(--moutarde) !important; color: var(--anthracite) !important; transform: none; transition: background-color 0.18s ease;
}
.eqc.dbt a.bouton.bouton--equivalents:hover { background: #000; color: #fff; }
.eqc.dbt a.bouton.bouton--equivalents:hover .cta__fleche { background: #c2931c !important; }
.eqc.dbt :is(.rappel, .resume-fiche) a.bouton.bouton--equivalents { min-height: 44px; font-size: 0.92rem; }
@media (prefers-reduced-motion: reduce) { .eqc.dbt a.bouton.bouton--equivalents .cta__fleche { transition: none; } }