fix: improve language button styling for text labels

This commit is contained in:
Oussama Douhou
2026-01-10 12:03:37 +01:00
parent 2ab1c595df
commit 7aa27f75e2

View File

@@ -545,20 +545,27 @@ input[type="text"].success {
background: var(--surface); background: var(--surface);
border: 1px solid var(--border); border: 1px solid var(--border);
border-radius: var(--radius-md); border-radius: var(--radius-md);
padding: 0.5rem; padding: 0.4rem 0.6rem;
font-size: 1.5rem; font-size: 0.75rem;
font-weight: 600;
font-family: var(--font-mono);
color: var(--text-secondary);
cursor: pointer; cursor: pointer;
transition: all 0.2s; transition: all 0.2s;
line-height: 1; line-height: 1;
text-transform: uppercase;
letter-spacing: 0.05em;
} }
.lang-btn:hover { .lang-btn:hover {
border-color: var(--accent-blue); border-color: var(--accent-blue);
transform: scale(1.1); color: var(--text-primary);
transform: scale(1.05);
} }
.lang-btn.active { .lang-btn.active {
border-color: var(--accent-cyan); border-color: var(--accent-cyan);
color: var(--accent-cyan);
box-shadow: 0 0 10px rgba(0, 229, 255, 0.3); box-shadow: 0 0 10px rgba(0, 229, 255, 0.3);
} }