Widget:ItemButton

<style>

   .item-card-square {
       width: 100px;
       height: 100px;
       border-radius: 12px;
       margin: 0 auto;
       padding-top: 10px;
       box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
       cursor: pointer;
       position: relative;
       overflow: hidden;
   
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   text-align: center;
   
   transition: transform 0.2s ease-out, box-shadow 0.2s ease-out, background-color 0.2s ease-out;
   border: 2px solid white; /* Borda branca fixa */

}

.item-card-square a {

   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 10;
   text-decoration: none;
   display: block;

}

.item-card-square .item-label {

   font-size: 14px;
   color: white;
   font-weight: bold;
   position: relative;
   z-index: 5;
   margin-top: 5px; 
   line-height: 1.2;

}

.item-card-square:hover {

   transform: translateY(-5px); 
   box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); 

}

.item-card-square.blue-bg:hover {

   background-color: #2980b9 !important; 

} .item-card-square.gold-bg:hover {

   background-color: #c9951f !important; 

} .item-card-square.green-bg:hover {

   background-color: #229954 !important; 

}

</style>

   <a href="/index.php/Predefinição:Page" title="Predefinição:Label"></a>
   

       [[Arquivo:Predefinição:Image|60px|semlink]]

       Predefinição:Label