<style>
  :root {
    --brand-dark: #180636;
  }

  section.quote-section {
    width: 100%;
    display: block; /* Changé de inline-block à block pour mieux gérer les marges */
    padding: 10px 0 50px;
  }

  section.quote-section .main-quote-detail {
    position: relative;
    background-color: #ffffff !important;
    border: 2px solid var(--brand-dark) !important;
    border-radius: 10px !important;
    padding: 60px 50px !important;
    box-sizing: border-box;
    max-width: 840px;
    margin: 0 auto 30px; /* Ajout d'une marge en bas pour décoller les boutons */
  }

  /* --- On force le centrage des boutons ici --- */
  .cta-container {
    width: 100%;
    max-width: 840px; /* Même largeur que la quote */
    margin: 0 auto;
    display: flex;
    justify-content: center; /* Centre horizontalement */
    align-items: center;
    gap: 20px; /* Espace entre Primary et Secondary */
    text-align: center;
  }

  /* Si la macro génère des éléments internes qui bloquent le centrage */
  .cta-container > div, 
  .cta-container .kl-button-wrapper { 
    display: inline-flex;
    justify-content: center;
  }

  section.quote-section .main-quote-detail:before {
    content: "“";
    position: absolute;
    top: 28px;
    left: 36px;
    font-size: 46px;
    line-height: 1;
    color: var(--brand-dark) !important;
    font-weight: 800;
    font-family: "Georgia", "Times New Roman", serif;
    pointer-events: none;
  }

  /* Styles de texte */
  section.quote-section .main-quote-detail .quote-title {
    width: 100%;
    color: var(--brand-dark);
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    text-align: left;
  }

  section.quote-section .main-quote-detail .quote-description {
    color: var(--brand-dark);
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    margin-top: 20px;
    text-align: left;
  }
  
  .cta-container {
  width: 100%;
  max-width: 840px;
  margin: 50px auto 0; /* On force 50px de marge au-dessus des boutons */
  display: flex;
  justify-content: center;
  gap: 20px;
}

  @media (max-width: 991px) {
    section.quote-section .main-quote-detail {
      padding: 42px 35px !important;
      max-width: calc(100% - 40px); /* Marge sur les côtés en mobile */
    }
    .cta-container {
      flex-direction: column; /* Boutons l'un sur l'autre en mobile */
    }
  }
</style>