:root{
  --hbd-orange:#F36C0A;
  --hbd-black:#090909;
}

/* V409 — standard unique pour tous les appels à l’action. */
:is(
  a.product-btn,
  a.see-all,
  a.seo-cta,
  a.nav-cta,
  a.cta-btn,
  a.btn-primary,
  a.btn,
  a.hbd-btn,
  a.hbd-button,
  a.join-btn,
  a.submit-btn,
  a.teaser-link,
  a.back-blog,
  button,
  input[type="submit"],
  input[type="button"],
  .sib-form-block__button,
  .sib-form-block__button-with-loader
){
  background:var(--hbd-orange)!important;
  background-image:none!important;
  color:var(--hbd-black)!important;
  -webkit-text-fill-color:var(--hbd-black)!important;
  border:2px solid var(--hbd-orange)!important;
  box-shadow:none!important;
  opacity:1!important;
  text-shadow:none!important;
}

:is(
  a.product-btn,
  a.see-all,
  a.seo-cta,
  a.nav-cta,
  a.cta-btn,
  a.btn-primary,
  a.btn,
  a.hbd-btn,
  a.hbd-button,
  a.join-btn,
  a.submit-btn,
  a.teaser-link,
  a.back-blog,
  button,
  input[type="submit"],
  input[type="button"],
  .sib-form-block__button,
  .sib-form-block__button-with-loader
):is(:hover,:focus-visible){
  background:var(--hbd-black)!important;
  color:var(--hbd-orange)!important;
  -webkit-text-fill-color:var(--hbd-orange)!important;
  border-color:var(--hbd-orange)!important;
  outline:3px solid rgba(243,108,10,.28)!important;
  outline-offset:2px!important;
}

/* Le contenu interne des CTA suit toujours la même couleur. */
:is(
  a.product-btn,
  a.see-all,
  a.seo-cta,
  a.nav-cta,
  a.cta-btn,
  a.btn-primary,
  a.btn,
  a.hbd-btn,
  a.hbd-button,
  a.join-btn,
  a.submit-btn,
  a.teaser-link,
  a.back-blog,
  button,
  .sib-form-block__button,
  .sib-form-block__button-with-loader
) *{
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
}