/*Переключатель*/
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.switch-btn {
    display: inline-block;
    width: 72px; /* ширина */
    height: 38px; /* высота */
    border-radius: 19px; /* радиус скругления */
    /*background: linear-gradient(to right, #7f7f7f 0, #bfbfbf 40%, #7fd03e 60%, #118c4e 100%);*/
    background: linear-gradient(to right, #bfbfbf 20%, #fff 60%);
    background-size: 180px 100%;
    z-index: 0;
    margin: 0;
    padding: 0;
    border: none;
    cursor: pointer;
    position: relative;
    transition-duration: 450ms; /* анимация */
}
.switch-btn::after {
    content: "";
    height: 30px; /* высота кнопки 32px;*/
    width: 30px; /* ширина кнопки 32px;*/
    border-radius: 17px;
    background: #0f1f1f; /* цвет кнопки */
    top: 4px; /* положение кнопки по вертикали относительно основы 3px;*/
    left: 4.7px; /* положение кнопки по горизонтали относительно основы 3px;*/
    transition-duration: 450ms; /* анимация */
    position: absolute;
    z-index: 1;
}
.switch-on {
    background-position-x: -100px;
}
.switch-on::after {
    left: 37px;
    background: rgb(255, 95, 55, 1);
}