Tweak EN button colors on regular vs dark backgrounds

2 files changed, 12 insertions, 5 deletions

diff --git a/stylesheets/commun.css b/stylesheets/commun.css
index dbec72e..1f600c5 100644
--- a/stylesheets/commun.css
+++ b/stylesheets/commun.css
@@ -57,14 +57,16 @@ nav > ol > li > a {
 
 a.lang {
     display: block;
-    border: 0.15em solid black;
-    border-radius: 50%;
     padding: 0.5em;
+    border-radius: 50%;
+    font-size: 1rem;
+
+    border: 0.15em solid black;
 }
 a.lang:hover {
-    color: var(--gold);
-    background: white;
-    border: 0.15em solid white;
+    color: white;
+    background: var(--gold);
+    border: 0.15em solid var(--gold);
 }
 
 footer.social > .content {
diff --git a/stylesheets/dark.css b/stylesheets/dark.css
index 1cddba1..8f24915 100644
--- a/stylesheets/dark.css
+++ b/stylesheets/dark.css
@@ -6,6 +6,11 @@ body {
 a.lang {
     border-color: white;
 }
+a.lang:hover {
+    color: var(--gold);
+    background: white;
+    border-color: white;
+}
 
 header.banner img, .social a img {
     filter: brightness(10);