/* css/trivia-frontend.css */
.genx-vote-button {
  color: #fff;
  padding: 10px 16px;
  font-size: 1em;
  border-radius: 8px;
  min-width: 60px;
  border: none;
  cursor: pointer;
}

/* individual colors */
.genx-vote-button[value="A"] { background-color: #ff69b4; }
.genx-vote-button[value="B"] { background-color: #00bfff; }
.genx-vote-button[value="C"] { background-color: #9370db; }
.genx-vote-button[value="D"] { background-color: #32cd32; }

@media (max-width: 600px) {
  .genx-vote-button {
    flex: 1 1 45%;
    font-size: 1.1em;
  }
}