.partnersInfo { margin: 2rem 0; .title { margin: 1rem 0; } h2 { margin-bottom: 1rem; } .switch_div { display: inline-block; padding: 1rem 1rem; min-width: 135px; } input[type='checkbox'] { width: 0; height: 0; visibility: hidden; margin-bottom: 15px; } label { display: block; width: 50px; height: 20px; background-color: grey; border-radius: 15px; position: relative; cursor: pointer; transition: 0.5s; box-shadow: 0 0 20px #80808050; } label::after { content: ''; width: 17px; height: 17px; background-color: #e8f5f7; position: absolute; border-radius: 13px; top: 2px; left: 2px; transition: 0.5s; } input:checked + label:after { left: calc(100% - 3px); transform: translateX(-100%); } input:checked + label { background-color: #e3b82a; } label:active:after { width: 34px; } }