:root{--real-height:100vh}.button-pill{align-items:center;background:#ffe100;border-radius:35px;color:#000;display:inline-flex;flex-shrink:0;font-size:14px;font-style:normal;font-weight:700;height:44px;justify-content:center;letter-spacing:.025em;line-height:normal;overflow:hidden;padding:0 20px;position:relative}.button-pill .svg .primary{fill:#000;transition:fill .3s}.button-pill:after,.button-pill:before{background:linear-gradient(86deg,#ffe100 -2.69%,#fff9cc 89.28%);content:"";height:100%;inset:0;position:absolute;transition:transform .5s ease;width:100%;z-index:1}.button-pill:after{display:none}.button-pill__content{align-items:center;display:flex;justify-content:center;position:relative;z-index:2}.button-pill__icon{margin-right:4px}.no-touchevents .button-pill:not(.button-pill--outline):not(.button-pill--no-hover):focus:before,.no-touchevents .button-pill:not(.button-pill--outline):not(.button-pill--no-hover):hover:before{transform:translate(100%)}.button-pill--outline{background:#0000;transition:background .3s,color .3s}.button-pill--outline:after,.button-pill--outline:before{display:none}.button-pill--outline .button-pill__outline{background-image:linear-gradient(75deg,#ffe100,#fff0 45%);background-position:50%;background-size:calc(100% + 4px) calc(100% + 4px);border:2px solid #0000;border-radius:35px;height:100%;inset:0;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;position:absolute;transition:opacity .5s ease;width:100%;z-index:1}.button-pill--outline.button-pill--dark{color:#fff}.button-pill--outline.button-pill--dark .svg .primary{fill:#fff}.button-pill--outline.button-pill--dark .button-pill__outline{background-color:#ffffff4d}.button-pill--outline.button-pill--light{color:#000}.button-pill--outline.button-pill--light .svg .primary{fill:#000}.button-pill--outline.button-pill--light .button-pill__outline{background-color:#0000004d}.button-pill--s{font-size:12px;height:26px;padding:0 14px}.button-pill--no-hover{cursor:default}