.slide-btn{position:relative;width:270px;height:34px;border:1px solid;border-radius:100px;overflow:hidden;cursor:pointer;padding:0;box-sizing:border-box}.slide-btn:focus,.slide-btn:focus-visible{outline:none}.slide-btn__left-section{position:absolute;left:0;width:var(--pill-left, 36px);top:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:6px;z-index:3;pointer-events:none}.slide-btn__left-section--hidden{opacity:0;transition:opacity .1s}.slide-btn__arrow{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:8px}.slide-btn__left-text{font-family:Assistant,sans-serif;font-size:16px;font-weight:400;white-space:nowrap}.slide-btn__label{position:absolute;left:var(--pill-left, 36px);right:0;top:0;bottom:0;border:1px solid;border-radius:100px;display:flex;align-items:center;justify-content:center;gap:4px;font-family:Assistant,sans-serif;white-space:nowrap;direction:rtl;z-index:2}.slide-btn__pill-icon{width:24px;height:24px;flex-shrink:0}.slide-btn__label--animate{animation:slide-left .6s cubic-bezier(.4,0,.2,1) forwards}@keyframes slide-left{0%{left:var(--pill-left, 36px);right:0}to{left:0;right:var(--pill-left, 36px)}}