/* 3i Pill fill button · the only full-pill shape. Orange wipes in from the left. CSS only. */
.pc-pill{position:relative;overflow:hidden;display:inline-flex;align-items:center;font:500 14px var(--font-body);padding:14px 24px;border-radius:var(--r-pill);border:1px solid rgba(245,245,245,.3);background:transparent;color:var(--text);cursor:pointer;transition:color 320ms,border-color 320ms;isolation:isolate}
.pc-pill::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--orange);transform:scaleX(0);transform-origin:left center;transition:transform var(--dur-slow) var(--ease-out)}
.pc-pill:hover,.pc-pill:focus-visible{color:var(--ink);border-color:var(--orange)}
.pc-pill:hover::before,.pc-pill:focus-visible::before{transform:scaleX(1)}
.pc-pill:focus-visible{box-shadow:var(--focus-ring)}
@media (prefers-reduced-motion:reduce){.pc-pill::before{transition:none}}