.switch-button{display:flex;align-items:center;width:52px;height:32px;border-radius:100px;border:2px solid #d0d2d9;cursor:pointer;transition:.3s}.switch-button__dot{transform:translate(6px);width:16px;height:16px;background:#d0d2d9;border-radius:100px;transition:.3s}.switch-button--checked{background:#2640c9;border:2px solid #2640c9}.switch-button__dot--checked{background:#fff;transform:translate(calc(100% - 2px));width:24px;height:24px}