.demo-switch { display: flex; gap: 8px; margin: 0 0 16px; flex-wrap: wrap; }
.demo-switch[hidden] { display: none; }
.demo-switch button { min-height: 44px; padding: 10px 20px; border: 1px solid var(--line); border-radius: var(--radius-1); background: #171719; color: #fff; font: inherit; cursor: pointer; }
.demo-switch button[aria-pressed="true"] { background: #c8102e; border-color: #c8102e; font-weight: 600; }
.demo-switch button:hover { border-color: #fff; }
.demo-switch button:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }