.c-switch {
    &__label {
        width: 108px;
        position: relative;
        display: inline-block;
    }
    &__content {
        display: block;
    cursor: pointer;
    position: relative;
    border-radius: 30px;
    height: 31px;
    overflow: hidden;
    }
    &__content:before {
        content: "";
        display: block;
        position: absolute;
        width: calc(100% - 3px);
        height: calc(100% - 3px);
        top: 0;
        left: 0;
        border: 1.5px solid #797979;
        border-radius: 30px;
        background-color: #fff;
    }
    &__content:after {
        content: "";
        display: block;
        position: absolute;
        background-color: transparent;
        width: 0;
        height: 0;
        top: 50%;
        left: 50%;
        border-radius: 30px;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
            -ms-transition: all .5s;
            -o-transition: all .5s;
                transition: all .5s;
    }
    &__input {
        display: none;
    }
    
    &__circle {
        display: block;
        top: 4px;
        left: 6px;
        position: absolute;
        -webkit-box-shadow: 0 2px 6px #999;
                box-shadow: 0 2px 6px #999;
        width: 20px;
        height: 20px;
        -webkit-border-radius: 20px;
                border-radius: 20px;
        background-color: #797979;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
            -ms-transition: all .5s;
            -o-transition: all .5s;
                transition: all .5s;
    }
    &__input:checked ~ &__circle {
        background-color: #00C8C8;
        left: 80px;
    }

    &__input:checked ~ &__text {
        display: none;
    }

    &__input:checked ~ &__textdisp {
        display: block;
    }
    
    &__input:checked ~ &__content:before {
        border: 1.5px solid #00C8C8;
    }

    &__text {
        position: absolute;
        top: 4px;
        left: 33px;
    }

    &__textdisp {
        display: none;
        position: absolute;
        top: 4px;
        left: 33px;
        color:#00C8C8;
    }
}