/* switch toggle */ /* .switch-container { position: relative; left: 50%; top: 50%; } */ .toggle-button { background: gray; width: 50px; height: 20px; border-radius: 30px; padding: 5px; cursor: pointer; transition: all 300ms ease-in-out; } .toggle-button>.inner-circle { background: white; width: 20px; height: 20px; border-radius: 50%; transition: all 300ms ease-in-out; } .toggle-button.active { background: #00ff22; } .toggle-button.active>.inner-circle { margin-left: 40px; } .no-box-sizing { box-sizing: content-box !important; }