.toggle{border:1px solid var(--color-accent);border-radius:var(--radius-pill);align-self:center;width:fit-content;height:50px;margin-block:3rem;padding:.3rem;display:inline-flex}.toggle button{font-size:.75rem;font-weight:500;font-family:var(--font-body);color:var(--color-text-muted);letter-spacing:.15em;text-transform:uppercase;border-radius:var(--radius-pill);transition:background var(--dur) var(--ease), color var(--dur) var(--ease);padding:.7rem 1.6rem}.toggle button[aria-selected=true]{background:var(--color-text);color:var(--color-invert)}@media (max-width:560px){.toggle button{letter-spacing:.08em;white-space:nowrap;padding:.7rem .9rem}}