.btn-switch{background:0 0;width:fit-content;height:32px;padding:0;display:inline-block;position:relative}.btn-switch input[type]{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;top:0;left:0}.btn-switch label{pointer-events:none;background:var(--light-grey);border-radius:24px;width:100%;height:100%;margin:0;transition:all .15s;display:block;position:absolute;top:0;left:0}.btn-switch label div{transition:left var(--fast);background:#fff;border-radius:24px;width:24px;height:24px;display:block;position:absolute;top:4px;left:4px}.btn-switch label div:after{transition:opacity var(--fast);background:var(--light);content:" ";border-radius:8px;width:8px;height:8px;position:absolute;top:8px;left:8px}.btn-switch span{text-transform:uppercase;color:var(--text-light);padding:0 8px 0 32px;font-size:12px;line-height:27px;display:inline-block;position:relative}.btn-switch:hover label div:after{background:var(--success)}.btn-switch:hover input:checked~label div:after{background:var(--light-grey)}.btn-switch input:checked~label{background:var(--success)}.btn-switch input:checked~label div{left:calc(100% - 28px)}.btn-switch input:checked~label div:after{background:var(--success)}.btn-switch input:checked~span{color:#fff;padding:0 32px 0 8px}.btn-switch input:disabled~label{opacity:.5}