.ActSwitch { display: inline-flex; position: absolute; padding: 3px; border-radius: 50px; background: #9baad96b; top: -60px; } .c-switch__highlight { width: 50%; position: absolute; top: 3px; left: 0; bottom: 3px; background: #9baad9; border-radius: 50px; transition: 0.3s; } .ActSwitch button { position: relative; padding: 0.875em 1.75em; font-weight: bold; font-size: 1rem; color: rgba(255, 255, 255, 0.6); background: none; border-radius: 50px; border: 0; outline: none; transition: 0.3s; cursor: pointer; } .ActSwitch button:hover, .ActSwitch button:focus, .ActSwitch button.is-active { color: white; }