.toggle{position:relative;width:280px;height:160px;background:#ddd;border-radius:80px;cursor:pointer;transition:background-color .3s;box-shadow:0 2px 8px rgb(0 0 0 / .1)}.toggle.active{background:#ff385c}.toggle-circle{position:absolute;width:140px;height:140px;background:#fff;border-radius:50%;top:10px;left:10px;transition:left .4s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px rgb(0 0 0 / .15)}.toggle.active .toggle-circle{left:130px}@media (max-width:480px){.toggle{width:220px;height:130px;border-radius:65px}.toggle-circle{width:110px;height:110px}.toggle.active .toggle-circle{left:100px}}