.btn--toggle {
  [type="checkbox"] {
    position: absolute; clip: rect(0, 0, 0, 0);
  }

  &:has([type="checkbox"]:checked) {
    --btn-background: var(--color-secondary);
  }

  &:has(:focus-visible) {
    outline: var(--border-2) solid var(--color-selected-dark);
    outline-offset: var(--border-2);
  }
}