Comment 2 for bug 1653773

It looks like we have a class already for "switcher". We need a bit of custom CSS anyways because flat:active buttons are still depressed looking. So we could achieve the desired effect with something like:

.switcher {
    font-size: 16px;
    padding: 0;
    opacity: 0.5;
    border: none;
    box-shadow: none;
}

.switcher:checked {
    background-color: transparent;
    opacity: 1;
}

We also have to be careful about which bullet character we're using. One of them isn't completely round in the font. ∙ seems to be round while • is not.