X-Git-Url: https://git.cworth.org/git?p=lmno.games;a=blobdiff_plain;f=empathy%2Fempathy.css;h=704b54a5ac1759a1be929c4123a3c59cd8f343d4;hp=f3a4c4b4cd0c60dc43222cbea0edbbabef96f182;hb=913aefc667fc66fed8f6fd9ca712e89339a505ac;hpb=fcdecf554d0bbad80b96b3c34fb5ba8cefef2144

diff --git a/empathy/empathy.css b/empathy/empathy.css
index f3a4c4b..704b54a 100644
--- a/empathy/empathy.css
+++ b/empathy/empathy.css
@@ -6,5 +6,49 @@
     border-radius: 25px;
     font-size: 200%;
     padding: 1em;
-    margin-top: 0.25em;
+    margin-bottom: 0.25em;
+}
+
+.vote-choices {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.vote-choice {
+    font-size: 40%;
+    background-color: var(--accent-color-bright);
+    color: var(--text-fg-on-accent-bright);
+    border-radius: 4px;
+    padding-left: 4px;
+    padding-right: 4px;
+    margin-right: 0.5em;
+}
+
+@media (hover:hover) {
+    button:hover .vote-choice {
+        background-color: var(--accent-color);
+        color: var(--text-fg-on-accent);
+    }
+}
+
+.ambiguity-group {
+    width: 100%;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    align-items: center;
+    background-color: var(--accent-color);
+    margin-bottom: 0.25em;
+    padding: 0;
+    border-radius: 10px;
+}
+
+.ambiguity-button {
+    border-radius: 10px;
+    margin: 0;
+}
+
+.ambiguity-button.selected {
+    background-color: var(--accent-color-bright);
+    color: var(--text-fg-on-accent-bright);
 }