.switch-btn-group{background-color:var(--gray-alpha-200);box-shadow:0 0 6px var(--gray-alpha-300) inset;color:var(--gray-alpha-500);overflow:hidden;width:max-content}.switch-btn-group,.switch-btn-group .switch-btn{display:flex;border-radius:3rem;position:relative}.switch-btn-group .switch-btn{z-index:1;padding:.5rem 1rem;transition:color .3s;white-space:nowrap;align-items:center;justify-content:center;gap:.5rem;border:none;background:none;cursor:pointer}.switch-btn-group .switch-btn.active{color:var(--background)}.switch-btn-group .background-circle{position:absolute;top:0;left:0;height:100%;background-color:var(--primary-color);border-radius:3rem;box-shadow:0 0 4px var(--gray-alpha-400);transition:left .3s ease,width .3s ease;z-index:0}