JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container col-md-12 col-xs-12" id="artigos" style="padding-top: 10px">
    <a href="#" style="display:block; text-decoration: none; color: #000">
        <div class="panel panel-default col-md-4 panel-artigo" id="artigo" style="margin-right: 5px; margin-left: -10px">
            <div class="panel-body">
                <div class="panel-header">
                    <h1 style="margin-top: 0px">Titulo 1</h1>
                </div>
                <p>
                 Mussum ipsum cacilds, vidis litro abertis. Consetis adipiscings elitis. Pra lá , depois divoltis porris, paradis. Paisis, filhis, espiritis santis. Mé faiz elementum girarzis, nisi eros vermeio, in elementis mé pra quem é amistosis quis leo. Manduma pindureta quium dia nois paga. Sapien in monti palavris qui num significa nadis i pareci latim. Interessantiss quisso pudia ce receita de bolis, mais bolis eu num gostis.
                </p>
                 <div class="divButton" id="">    
                    <button class="btn-primary">Olá</button>
                </div>
            </div>
        </div>
    </a>
    <a href="#" style="display:block; text-decoration: none; color: #000">
        <div class="panel panel-default col-md-4 panel-artigo" style="margin-right: 5px">
            <div class="panel-body">
                <div class="panel-header">
                    <h1 style="margin-top: 0px">Titulo 1</h1>
                </div>
                <p>
              Mussum ipsum cacilds, vidis litro abertis. Consetis adipiscings elitis. Pra lá , depois divoltis porris, paradis. Paisis, filhis, espiritis santis. Mé faiz elementum girarzis, nisi eros vermeio, in elementis mé pra quem é amistosis quis leo. Manduma pindureta quium dia nois paga. Sapien in monti palavris qui num significa nadis i pareci latim. Interessantiss quisso pudia ce receita de bolis, mais bolis eu num gostis.
                </p>
                 <div class="divButton" id="">      
                    <button...

CSS

.panel-artigo:hover{  
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.divButton{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
     margin-top: -5%;
    text-align: center;  
    display: none; 
}

JavaScript

$('.panel-artigo').mouseenter(function(){
    jQuery(this).find('.divHide, .divButton').fadeIn();
}).mouseleave(function(){
    jQuery(this).find('.divHide, .divButton').fadeOut();
});