/* The shapes of the pixel look of the SnappinQuiz app: the labels and buttons of the pages and of the
   demo, and the fill of the main button. */
.pixel-label {
  font: var(--font-label);
  text-transform: var(--case-label);
}

h2.pixel-label {
  font: var(--font-card-title);
  text-transform: var(--case-title);
}

.btn {
  font: var(--font-button);
  text-transform: var(--case-button);
  padding: var(--control-pad);
  border-radius: var(--radius);
  border: var(--border-2) solid var(--accent);
}
.btn-primary { background: var(--accent); color: var(--on-accent); }
.btn-secondary { background: transparent; }
.btn-small { font: var(--font-button-small); padding: var(--control-pad-small); }
.btn:disabled { opacity: 0.4; cursor: default; }