JSFiddle - React, Tailwind, and code Playground

HTML

<p class="warning">A successful authorization already exists  
    for this Quote ID. Further authorizations are not allowed at this time.</p> 
<input type="button" id="unhideit" value="clickme" />

CSS

.warning{
    border: 1px solid #F0AAAA; 
    background:#FFBABA; 
    color: #C90000; 
    
}

JavaScript

$(document).ready(function(){
    $(".warning").hide();
    $('#unhideit').click(function(){
        $(".warning").fadeIn(4000);                            });
});