Widget:Teste

<style> .island-grid {

 display: flex;
 flex-wrap: wrap;
 gap: 16px;
 justify-content: flex-start;
 padding: 16px 0;

}

.island-card {

 background: #eeeded;
 box-shadow: rgba(0,0,0,0.24) 0px 3px 10px;
 border-radius: 8px;
 text-align: center;
 padding: 20px 16px;
 width: calc(25% - 12px);
 box-sizing: border-box;
 cursor: pointer;
 text-decoration: none;
 display: flex;
 flex-direction: column;
 align-items: center;
 gap: 8px;
 transition: transform 0.15s, box-shadow 0.15s;

}

.island-card:hover {

 transform: translateY(-3px);
 box-shadow: rgba(0,0,0,0.35) 0px 6px 16px;

}

.island-card img.island-img {

 width: 150px;
 height: 150px;
 object-fit: contain;

}

.island-card .island-name {

 font-size: 1.05em;
 font-weight: bold;
 color: #000;

}

.island-card .island-chests {

 display: flex;
 align-items: center;
 gap: 4px;
 font-weight: bold;
 font-size: 1em;
 color: #000;

}

.island-card .island-chests img {

 height: auto;

}

@media (max-width: 900px) {

 .island-card {
   width: calc(33.333% - 11px);
 }

}

@media (max-width: 600px) {

 .island-card {
   width: calc(50% - 8px);
 }
 .island-card img.island-img {
   width: 100px;
   height: 100px;
 }

}

@media (max-width: 360px) {

 .island-card {
   width: 100%;
 }

} </style>

{{{content}}}