.switch-button{
    width: 40px;
    height: 23px;
    padding: 0 3px;
    background-color: #C3C3C3;
    border-radius: 30px;
    position: relative;
    transition: 0.3s all ease;
}

.switch-button[disabled] {
    opacity: 0.7;
}

.switch-button--active{
    background-color: #6dcda9;
    justify-content: flex-end;
}

.switch-button__bullet{
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    height: 17px;
    width: 17px;
    background-color: #FFF;
    transition: 0.3s all ease;
    display: flex;
    justify-content: center;
    align-items: center;
}

.switch-button--active .switch-button__bullet {
    left: calc(100% - 3px - 17px);
}

.switch-button__icon{
    transition: 0.3s all ease;
    font-size: 9px;
    color: #FFFFFF;
}

.switch-button--active .switch-button__icon{
    display: block;
    color: #54b993;
}