.pill-button{align-items:center;background:var(--color-accent);border:none;border-radius:var(--radius-pill);color:var(--color-text-contrast);cursor:pointer;display:inline-flex;font-size:.98rem;font-weight:600;gap:var(--space-3);justify-content:center;min-height:54px;overflow:hidden;padding:.95rem 1.3rem;position:relative;text-decoration:none}.pill-button i,.pill-button__label{position:relative;z-index:1}.pill-button i{align-items:center;display:flex;line-height:1}.pill-button:before{background:var(--color-ink-strong);border-radius:inherit;clip-path:inset(0 100% 0 0);content:"";top:-1px;right:-1px;bottom:-1px;left:-1px;position:absolute;transition:clip-path .2s ease-out}.pill-button:hover:before{clip-path:inset(0 0 0 0)}.pill-button--ghost{background:transparent;border:1.5px solid;color:var(--color-text-contrast)}.pill-button--ghost:before{background:#ffffff1f}.pill-button--dark{background:var(--color-accent);color:var(--color-ink);overflow:hidden}.pill-button--dark:before{background:var(--color-bg);clip-path:inset(0 0 0 0)}.pill-button--dark:hover{color:var(--color-text-contrast)}.pill-button--dark:hover:before{clip-path:inset(0 0 0 100%)}.pill-button--dark.pill-button--ghost{background:transparent;border-color:#edede347;color:var(--color-bg)}.pill-button--dark.pill-button--ghost:before{background:#edede31a}.pill-button--dark.pill-button--ghost:hover{color:var(--color-bg)}