/**
 * SLD PrettyBlocks - Styles du bloc Button
 *
 * Le thème (Bootstrap) fournit déjà .btn, .btn-default, .btn-primary, .btn-secondary,
 * .btn-sm et .btn-lg. On complète ici uniquement les variantes manquantes :
 *  - style  : .btn-tertiary
 *  - tailles : .btn-xs, .btn-xl
 */

/* Alignement du bouton dans son conteneur (le bouton garde sa largeur de contenu). */
.sld-button {
    display: flex;
}
.sld-button--left {
    justify-content: flex-start;
}
.sld-button--center {
    justify-content: center;
}
.sld-button--right {
    justify-content: flex-end;
}

/* Style « tertiaire » : bouton discret (ghost) bordé, neutre par rapport au thème. */
.sld-button .btn-tertiary {
    background-color: transparent;
    border: 1px solid currentColor;
    color: inherit;
}
.sld-button .btn-tertiary:hover,
.sld-button .btn-tertiary:focus {
    background-color: rgba(0, 0, 0, 0.05);
    color: inherit;
}

/* Taille XS : plus petite que .btn-sm. */
.sld-button .btn-xs {
    padding: 0.15rem 0.4rem;
    font-size: 0.75rem;
    line-height: 1.4;
    border-radius: 0.2rem;
}

/* Taille XL : plus grande que .btn-lg. */
.sld-button .btn-xl {
    padding: 0.75rem 1.5rem;
    font-size: 1.5rem;
    line-height: 1.5;
    border-radius: 0.4rem;
}