.container-tierList {
    background-color: rgb(64, 135, 207);
    border-radius: 10px;
    width: 55%;
    margin: 50px auto;
    padding: 15px;
    display: flex;
    flex-direction: row;  /* Mantém a Imagem na esquerda e a Caixa de Texto na direita */
    align-items: center;  /* Alinha a imagem e o bloco de texto perfeitamente pelo centro vertical */
    gap: 20px;
}

/* NOVA REGRA: Faz os h2 internos se empilharem verticalmente */
.icons {
    display: flex;
    flex-direction: column; /* Força um texto para baixo do outro */
    gap: 15px;              /* Cria um espaço elegante entre o primeiro e o segundo h2 */
    color: white;           /* Opcional: deixa o texto branco para destacar no fundo azul */
    align-items: center;
}

h2 {
    font-family: 'Courier New', Courier, monospace;
    font-size: 16px;
    margin-top: 10px;              /* Remove margens padrões do h2 que possam desalinhá-lo */
    margin-bottom: -15px;
    text-indent: 20px;
}

/* imagens */
.container-icons {
    display: flex;
    flex-shrink: 0;
    /* Removido o margin-top antigo para não puxar a imagem para baixo */
}

/* Controla a imagem em si */
#icons {
    width: 170px;         
    height: 170px;        
    object-fit: cover;    
    border-radius: 10px;  
    border: 3px solid rgb(221, 190, 54); 
}

.botãoTierList {
    display: inline-block;
    background-color: #dc2121;
    color: white;
    text-decoration: none;
    font-size: 13px;
    padding: 13px 13px;
    font-weight: bold;
    font-family: 'Courier New', Courier, monospace;
    
    /* Ajustado: removemos o margin-left/right antigo para ele alinhar perfeitamente à esquerda */
    margin: 5px 0 0 0; 
    
    border-radius: 100px;
    border-color: rgb(126, 0, 0);
    border-style: solid;
}