.pill-component{width:fit-content;color:var(--primary-white);transition:var(--transition);border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:8px;margin:0;padding:8px 14px 4px;text-decoration:none;display:inline-flex}.pill-component svg{flex-shrink:0;width:1.2em;height:1.2em;margin-top:calc(-.15em - 4px)}.pill-component svg .icon{fill:currentColor}a.pill-component[data-tone=quiet]:hover{border-color:var(--primary-yellow);color:var(--primary-yellow)}.pill-component[data-tone=blue]{color:#7db8ff;border-color:#7db8ffb3}a.pill-component[data-tone=blue]:hover{color:#a9cfff;border-color:#a9cfff}.pill-component[data-tone=muted]{color:var(--secondary-footer-dark-grey);border-color:#ffffff1f}.pill-component[data-size=small]{padding:6px 12px 2px}.pill-component[target=_blank] svg{transform:rotate(-45deg)}