Boutons sous la bannière revisité

Je crois avoir trouvé la bonne façon pour que le titre du bouton apparaisse

Dans un gadget HTML

HTML

<div class="Bouton"><a href="https://huguette2307.blogspot.com"  style= "color: black;">partage</a></div>

<div class="Bouton"><a href="https://huguette2307.blogspot.com" style= "color: black;">Design de blogs</a></div>

<div class="Bouton"><a href="https://huguette-au-fil-des-saisons.blogspot.com" style= "color: black;">Au fil des Saisons</a></div>

<div class="Bouton"><a href="https://huguette2.blogspot.com" style= "color: black;">Animations HTML5</a></div>

Dans le CSS

.Bouton {

    background-image: url(https://zupimages.net/up/26/09/p8xp.png);

    background-repeat: no-repeat;

    background-position: center top;

display: inline-block; 

    font-size: 12px;

    font-weight: bold;    color: black;

    padding-left:5px; padding-top: 40px;

width: 200px; height: 30px;

    margin: 5px 5px;

line-height: 10px;

    text-align: center;

}

j'espère avoir pu vous aider un peu, bonne soirée, bisous