:root{--yellow:#ffd000;--blue1:#172136;--blue2:#011131;--background-light:#e8f1eb;--dark-blue:#1e376c;--light-yellow:#ffe368;--lighter-yellow:#f5e28d;--grey:#78797a;--light-grey:#e5e5e5;--link-blue:#0034a4;--light-bg:#f8f9fa;--light-color:#333;--border-radius-sm:10px;--border-radius-md:15px;--border-radius-lg:25px;--border-radius-pill:90px;--padding-sm:8px;--padding-md:16px}.user-controls-pill .btn-group{border-radius:var(--border-radius-lg);overflow:hidden;border:none}.user-controls-pill .btn-base{border:none;padding:var(--padding-sm) var(--padding-md);display:flex;align-items:center;text-decoration:none;transition:background-color .3s ease,color .3s ease}.user-controls-pill .btn-yellow{background-color:var(--yellow);color:var(--blue1)}.user-controls-pill .btn-yellow:hover{background-color:rgb(229.5,187.2,0);color:var(--blue1);text-decoration:none}.user-controls-pill .btn-light{background-color:#f8f9fa;color:#333}.user-controls-pill .btn-light:hover{background-color:rgb(233.125,236.25,239.375);color:#333}.user-controls-pill .btn-left{border-top-left-radius:var(--border-radius-lg);border-bottom-left-radius:var(--border-radius-lg)}.user-controls-pill .btn-right{border-top-right-radius:var(--border-radius-lg);border-bottom-right-radius:var(--border-radius-lg)}.user-controls-pill .btn-pill{border-radius:var(--border-radius-lg);padding:var(--padding-sm) var(--padding-md)}