.vote-button { width: 100%; background-color: var(--accent-color); color: var(--text-fg-on-accent); text-align: left; border-radius: 25px; font-size: 200%; padding: 1em; margin-bottom: 0.25em; } .vote-choices { display: flex; } .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; justify-content: center; align-items: center; background-color: var(--accent-color); margin-bottom: 0.25em; padding: 0; border-radius: 10px; } .ambiguity-button { width: 100%; border-radius: 10px; margin: 0; } .ambiguity-button.selected { background-color: var(--accent-color-bright); color: var(--text-fg-on-accent-bright); }