.yp-layout--layout-7 .yp-interne .yp-article-single__header {
    color: var(--text-on-img);
    left: 0;
    padding: 0 1rem;
    position: absolute;
    right: 0;
    text-align: center;
    top: 11%;
    z-index: 5;
}
img {
    height: auto;
    max-width: 100%;
    width: 100%;
    border-radius: 10px;
}

.yp-hp-slider .yp-slider__caption-title {
  width:100%; }

<!-- Style CSS à placer dans votre fichier .css ou entre des balises <style> </style> -->
<style>
  .btn-contact {
    /* Disposition et alignement */
    display: inline-block;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box;
    width: 100%;
    max-width: 600px; /* Largeur maximale sur grand écran */

    /* Couleurs et bordures */
    background-color: var(--primary-color, #0056b3);
    color: white;
    border: none;
    border-radius: 8px;
    cursor: pointer;

    /* Typographie adaptative : varie entre 0.9rem (mobile) et 1.1rem (ordinateur) */
    font-size: clamp(0.9rem, 2.5vw, 1.1rem);
    font-family: inherit;
    line-height: 1.5;

    /* Espacement adaptatif */
    padding: clamp(10px, 2vw, 14px) clamp(16px, 3vw, 24px);

    /* Gestion du texte sur mobile */
    white-space: normal;
    word-break: break-word; /* Permet de couper le texte ou l'email proprement si nécessaire */

    /* Transition douce au survol */
    transition: background-color 0.2s ease, transform 0.1s ease;
  }

  /* Effet visuel au survol (souris) */
  .btn-contact:hover {
    opacity: 0.95;
  }

  /* Effet visuel au clic */
  .btn-contact:active {
    transform: scale(0.99);
  }
</style>

<!-- Balise HTML à insérer dans votre page -->
<a href="mailto:scp.nap@commissaire-justice.fr" class="btn-contact">
  Vous souhaitez nous contacter, adressez-nous un mail à l'adresse suivante : <strong>scp.nap@commissaire-justice.fr</strong>
</a>

element.style {
}
.yp-hp-slider .yp-slider__caption-description { 
  font-size:18px;
 }