.lang-item {
     display: flex;
     align-items: center;
     gap: 10px;
     width: 100%;
     padding: 10px 14px;
     font-size: 14px;
     color: #334155;
     transition: background 0.2s ease;
 }

 .lang-item:hover {
     background: rgba(249, 97, 0, 0.08);
 }

 .lang-item {
     font-weight: 500;
     color: #334155;
     /* slate-700 */
     text-decoration: none;
 }

 .lang-item:focus {
     outline: none;
     background-color: #f1f5f9;
     /* slate-100 */
 }