#language-buttons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  padding: 10px;
}

.language-btn {
  display: flex;
  align-items: center;
  padding: 10px;
  border: none;
  background-color: #f0f0f0;
  cursor: pointer;
  width: 100%;
  text-align: left;
  font-size: 16px;
  border-radius: 5px;
  color: var(--tect-color);
}

@media (max-width: 768px) {
  #language-buttons {
    grid-template-columns: 1fr;
  }
}

.language-btn i {
  margin-right: 10px;
}

.language-btn:hover {
  background-color: #e0e0e0;
}

.em-flag-catalonia {
  background-image: url('/static/flags/catalonia.svg');
}

.em-flag-galicia {
  background-image: url('/static/flags/galicia.svg');
}

.em-flag-karnataka {
  background-image: url('/static/flags/karnataka.svg');
}

.em-flag-maharashtra {
  background-image: url('/static/flags/maharashtra.svg');
}

.em-flag-tamilnadu {
  background-image: url('/static/flags/tamilnadu.svg');
}