JSFiddle - React, Tailwind, and code Playground

HTML

<ol class="basket-list">
<li class="basket last items">
    <a class="btn" href="warenkorb.php?">Basket</a>
    <div class="articles">Sample Text</div>
</li>
</ol>

CSS

li.basket div.articles {
	opacity: 0;
	-webkit-transition: .5s all;   
    -webkit-transition-delay: 1s; 
    -moz-transition: .5s all;   
    -moz-transition-delay: 1s; 
    -ms-transition: .5s all;   
    -ms-transition-delay: 1s; 
    -o-transition: .5s all;   
    -o-transition-delay: 1s; 
    transition: .5s all;   
    transition-delay: 1s;
}
li.basket:hover div.articles {
	opacity: 1;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    -transition-delay: 0s;
}