.language-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.7);
  
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}




.language-modal-content {
  background: white;
  padding: 2rem;
  text-align: center;
  border-radius: 8px;
}

.language-modal-content .language-buttons button {
  margin: 0.5rem;
  padding: 0.5rem 1rem;
  font-size: 1.2rem;
  cursor: pointer;
  //background-color: lightgray;
  background-color: #cccccc !important;
  width: 130px;
  border-radius: 25px;
}

.language-modal-content .language-buttons button:hover {
  transform: scale(1.1);
  //background-color: darkgrey;
  background-color: #767676 !important;
  color: white;
}

.language-modal-content svg {
    width: 78px;
    height: 78px;
    fill: #222;
  }

.hidden {
  display: none !important;
}

#close-language-modal.hiddenclosebutton  {
  display: none !important;
}

.language-modal-content {
  //background-image: url("https://bluenest.infy.uk/mysite/wp-content/uploads/2025/05/World-Map.png");
  //background-size: cover;
  //background-position: center;
  //background-repeat: no-repeat;
}

.language-modal-content {
  display: flex;
  flex-direction: column;
  align-items: center; /* opcional, para centralizar os botões na horizontal */
  gap: 10px; /* espaçamento entre botões */
   position: relative; /* Necessário para o posicionamento absoluto do botão de fechar */
}

.language-buttons {
  display: flex;
  flex-direction: column;
  align-items: center; /* opcional, para centralizar os botões na horizontal */
  gap: 10px; /* espaçamento entre botões */

}

.close-button {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  //width: 30px !important;
  height: 30px !important;
  height: 2rem !important;
  width:2rem !important;
  border-radius: 50% !important;
  background-color: white !important;
  color: darkgray;
  font-size: 18px !important;
  border: none;
  //border: 1px solid #f2f2f2;
  //border: solid;
  border-width: thin;
  //border-color:  darkgray !important;
  display: flex!important;
  justify-content: center!important;
  align-items: center!important;
  cursor: pointer!important;
  transition: background-color 0.3s!important;
  padding: 0px;
}

.close-button:hover {
    //color:  #333 !important;
  //border-color:  #333 !important;
  background-color: #f2f2f2 !important;
  border-color:    #f2f2f2 !important;
//border-color:   #767676 !important;
  

}

/* Estilos para o ícone SVG */
.close-button svg {
  width: 48px !important; /* Largura do ícone */
  height: 48px !important; /* Altura do ícone */
  fill:  #222 !important;  /* Cor do ícone */
  transition: fill 0.3s ease; /* Transição suave para a cor */
}




  .modal__closeButtonIcon {
      width: 48px !important;
      height: 48px !important;
      fill: red;
      display: block;
  }