/* "Lire la suite" buttons (/infos news cards): a short, compact button like "En savoir +" instead of a full-width
   block repeating the article title in Capitalised Bold beige (the title stays in aria-label). */
body .readmore { margin: 0; }
body .readmore .btn.btn-secondary {
    display: inline-flex; align-items: center; gap: .5em; width: auto; max-width: 100%;
    text-transform: none; font-weight: 500; color: #fff; background-color: #252525;
    border: 0; border-bottom: 0; text-decoration: none; white-space: nowrap;
}
body .readmore .btn.btn-secondary:hover,
body .readmore .btn.btn-secondary:focus-visible { color: #fff; background-color: #a39673; }
body .readmore .btn.btn-secondary [class^="icon-chevron"] { font-size: .75em; }
/* The read-more link sits in a <p>: beat the theme's "#sp-main-body p a" (beige bold, dashed underline, colour !important). */
#sp-main-body p.readmore a.btn.btn-secondary { color: #fff !important; font-weight: 500; border-bottom: 0; }
#sp-main-body p.readmore a.btn.btn-secondary:hover,
#sp-main-body p.readmore a.btn.btn-secondary:focus-visible { color: #fff !important; background-color: #a39673; }