.pill-button{--pill-pad-x:24px;--pill-pad-y:12px;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:var(--pill-pad-y) var(--pill-pad-x);background:var(--base);color:var(--pill-text);border:1px solid var(--pill-text);border-radius:9999px;box-sizing:border-box;font-weight:500;font-size:16px;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;transition:all .2s ease}.pill-button.is-active,.pill-button:hover{background:var(--pill-bg);color:var(--hover-text);border-color:var(--pill-bg)}.pill-button.is-active{font-weight:600}.pill-content{display:inline-flex;align-items:center;gap:8px;z-index:2}.pill-button svg{width:18px;height:18px;transition:transform .2s ease}.pill-button:hover svg{transform:translateX(4px)}