.lang-switch {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 8px 15px !important;
  background: var(--accent-color);
  color: white !important;
  border-radius: 5px;
  transition: all 0.3s ease;
  font-weight: 500;
}

.lang-switch:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 10%);
  transform: translateY(-2px);
}

.lang-switch i {
  font-size: 18px;
}

@media (max-width: 1279px) {
  .lang-switch {
    width: 100%;
    justify-content: center;
    margin-top: 10px;
  }
}