Widget:Teste

<a href="/index.php/Personagens" title="Personagens">

<img src="https://wiki.gla.com.br/images/a/a8/Personagens_card.png" alt="Personagens">

PERSONAGENS

</a>

<a href="/index.php/Itens" title="Itens">

<img src="https://wiki.gla.com.br/images/3/39/Itens_card.png" alt="Itens">

ITENS

</a>

<a href="/index.php/Boss_Semanais" title="Semanais">

<img src="https://wiki.gla.com.br/images/6/65/Weeklyboss_card.png" alt="Weekly Bosses">

SEMANAIS

</a>

<a href="/index.php/World_Boss" title="World Bosses">

<img src="https://wiki.gla.com.br/images/8/87/Worldboss_card.png" alt="World Bosses">

WORLD BOSS

</a>

<a href="/index.php/Wanted_Pirates" title="Piratas Procurados">

<img src="https://wiki.gla.com.br/images/9/9d/Wantedpirates_card.png" alt="Wanted Pirates">

WANTED PIRATES

</a>

<a href="/index.php/Missões" title="Missões">

<img src="https://wiki.gla.com.br/images/0/08/Missoes_card.png" alt="Missões">

MISSÕES

</a>

<a href="/index.php/Benefícios_VIP" title="VIP">

<img src="https://wiki.gla.com.br/images/0/08/Missoes_card.png" alt="Benefícios VIP">

VIP

</a>

<a href="/index.php/Conquistas" title="Conquistas">

<img src="https://wiki.gla.com.br/images/0/08/Missoes_card.png" alt="Conquistas">

Conquistas

</a>

<style> .home-button-container { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; padding: 10px; box-sizing: border-box; }

.home-button-item { position: relative; overflow: hidden; border: 1px solid #ddd; border-radius: 8px; background: #fff; transition: box-shadow 0.2s ease, border-color 0.2s ease; box-sizing: border-box; }

.home-button-item:hover { border-color: #007bff; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); }

.home-button-item a { display: block; text-decoration: none; color: inherit; }

.home-button-image { width: 100%; aspect-ratio: 16/9; overflow: hidden; }

.home-button-image img { width: 100%; height: 100%; object-fit: cover; display: block; transition: none; }

.home-button-title { font-weight: bold; font-size: 1.1em; background: #fff; color: #000; margin: 0; padding: 10px 5px; position: relative; text-transform: uppercase; border-top: 1px solid #ddd; text-align: center; transition: background-color 0.2s ease; }

.home-button-item:hover .home-button-title { background-color: #f9f9f9; }

@media (max-width: 1280px) { .home-button-container { grid-template-columns: repeat(2, 1fr); } } </style>