Internacional – Menu Superior

/* Estilos do contêiner */
.container-botoes {
margin-top: 0px;
padding-bottom: 0px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(116px, 1fr));
grid-template-rows: auto;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 8px;
}

.container-botoes button {
height: 100px;
}

.container-botoes a {
color: inherit;
text-decoration: none;
}

.container-botoes img {
margin-top: 8px;
height: 40px;
}

/* Estilos do botão padrão */
.botao-personalizado {
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #EDF3F1;
cursor: pointer;
border-radius: 12px;
text-align: center;
border: 0px;
}

.botao-personalizado img {
height: 40px;
}

/* Estilos do texto padrão */
.texto-botao {
padding-top: 4px;
padding-left: 6px;
padding-right: 6px;
padding-bottom: 0px;
color: #00204F;
font-size: 12px;
}

/* Efeito de hover */
.botao-personalizado:hover {
background-color: #00204F;
}

/* Efeito de hover no texto */
.botao-personalizado:hover .texto-botao {
color: #fff;
}

.botao-institutional:hover .icone {
content: url(‘/documents/d/guest/pagina-assessoria-internacional_v2_0-1-1-menu-institutional-on’);
}

.botao-labor-justice:hover .icone {
content: url(‘/documents/d/guest/pagina-assessoria-internacional_v2_0-1-2-menu-labor-justice-on’);
}

.botao-library:hover .icone {
content: url(‘/documents/d/guest/pagina-assessoria-internacional_v2_0-1-3-menu-library-on’);
}

.botao-international-cooperation:hover .icone {
content: url(‘/documents/d/guest/pagina-assessoria-internacional_v2_0-1-4-menu-inter-cooparation-on’);
}

INSTITUTIONAL

LABOR JUSTICE

LIBRARY

INTERNATIONAL COOPERATION

Source: TST