.cb-glass {
  display: inline-flex; align-items: center;
  gap: 10px; cursor: pointer; user-select: none;
}
.cb-glass__input { display: none; }
.cb-glass__box {
  width: 24px; height: 24px; border-radius: 8px;
  background: rgba(255,255,255,.08);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255,255,255,.2);
  display: flex; align-items: center;
  justify-content: center; color: transparent;
  transition: background .3s, border-color .3s,
              box-shadow .3s, color .3s;
}
.cb-glass__input:checked + .cb-glass__box {
  background: rgba(124,108,255,.4);
  border-color: rgba(124,108,255,.6);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2);
}