/* 1. 全体の共通スタイル（aタグに対して指定） */
.lang-item a {
  display: inline-block;
  padding: 5px 10px; /* 余白はデザインに合わせて調整 */
  text-decoration: none;
  transition: all 0.3s ease;
  background-color: transparent; /* 非アクティブ時の背景（透明） */
  color: #333; /* 非アクティブ時の文字色 */
}

/* 2. 現在の言語（アクティブ）のスタイル */
/* current-lang クラスがついている li の中の aタグを指定 */
.lang-item.current-lang a {
  background-color: #333; /* アクティブ時の背景色 */
  color: #fff;            /* アクティブ時の文字色 */
  border-radius: 4px;     /* 角丸にする場合 */
}

/* 3. ホバー時のスタイル（任意） */
.lang-item a:hover {
  opacity: 0.7;
}