JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <button id="Disjoncteur_Km1">Ton second bouton</button>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc et feugiat lacus. Cras porta metus eu felis ultricies imperdiet. Nunc sagittis lorem quis nisi bibendum, in lobortis ligula aliquam. Morbi aliquam egestas est, non tincidunt neque cursus a. Etiam facilisis metus et elit pulvinar vehicula. Ut sed nisl non lorem maximus placerat ut sed erat. Morbi libero nunc, finibus vitae orci ut, rhoncus tincidunt libero. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam id purus ligula. In hac habitasse platea dictumst. Mauris quis laoreet arcu. Maecenas in quam a libero ultrices feugiat. Curabitur est est, pretium in vestibulum sit amet, dignissim nec sapien.</p>
    <p>
        <button class="pop">Afficher la popup</button>
    </p>
        <p>Proin tristique sapien orci, sit amet tincidunt mi suscipit at. Phasellus egestas nec augue quis scelerisque. Duis mollis odio ut neque sagittis, sit amet semper eros placerat. Praesent dolor turpis, rutrum a sodales at, dignissim id mauris. Nam dapibus, neque eu luctus scelerisque, libero libero pulvinar ex, et fermentum neque metus eget sapien. Vivamus mattis auctor gravida. Vestibulum condimentum, massa eu condimentum posuere, dui arcu ultricies mauris, vitae malesuada quam justo sit amet lacus. Nulla a dui tortor. Cras in placerat nibh, ut aliquet nibh. Donec bibendum elit nec congue condimentum. Sed vel tortor et magna semper congue ut ut sapien. Aenean iaculis, neque at scelerisque elementum, magna nibh eleifend eros, eu efficitur nibh dui quis nunc. Aenean ex est, maximus vitae nisi id, ultricies ultricies dui.</p>

        <p>Aliquam erat volutpat. Suspendisse est odio, rhoncus non elit a, tincidunt tincidunt leo. Vivamus eget odio efficitur, placerat arcu et, placerat dui. Fusce nibh sapien, condimentum a pharetra vel, porta posuere leo. Morbi aliquam mauris felis, non placerat est blandit eu. Mauris...

CSS

.overlay {
    background:rgba(0,0,0,0.5);
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:9999;
    display:none;
}

.popup {
    background:#fff;
    padding:5%;
    width:50%;
    height:50%;
    position:fixed;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    display:none;
    z-index:10000;
}

JavaScript

$(document).ready(function(){
    $('button.pop, #Disjoncteur_Km1, #encore_un_autre_etc').click(function(){
       $('.overlay').fadeIn(500);
       $('.popup').fadeIn(500); 
    });
    
    $('.overlay').click(function(){
       $(this).fadeOut(500);
       $('.popup').fadeOut(500); 
    });
});