.text-size-toggle { width: 48px; min-width: 48px; }
.text-size-toggle .text-size-symbol { position: relative; display: inline-block; flex: 0 0 48px; width: 48px; height: 36px; line-height: 1; vertical-align: middle; }
.text-size-toggle .text-size-icon { display: block; width: 36px; height: 36px; }
.text-size-toggle .text-size-level { position: absolute; top: 0; right: 3px; color: white; font: 700 12px/1 Arial, sans-serif; }
.text-size-toggle .text-size-level::after { content: 'x1'; }
.text-size-toggle[data-size-index="1"] .text-size-level::after { content: 'x2'; }
.text-size-toggle[data-size-index="2"] .text-size-level::after { content: 'x3'; }
@media (min-width: 600px) {
    .text-size-toggle { margin-left: 12px; }
    .agenda-mobile-controls .agenda-mobile-text-size { margin-left: 8px; }
}