.language-button {
  cursor: pointer;
  transition: all 0.3s ease;
  opacity: 0.7;
}

.language-button:hover {
  opacity: 1;
  transform: scale(1.1);
}

.language-button:active {
  transform: scale(0.95);
}

.language-button.active {
  opacity: 1;
  transform: scale(1.1);
}

@media (max-width: 768px) {
  .box-language {
    padding: 4px 8px;
    gap: 8px;
    margin-bottom: 8px;
  }

  .language-button {
    width: 18px !important;
    height: 18px !important;
  }
}