.inline-pill{align-items:center;gap:var(--spacing-1);padding-inline:var(--spacing-1);background-color:var(--color-purple-a5);border-radius:var(--spacing-1);color:var(--color-purple-dark);transition:background-color var(--transition),color var(--transition);text-decoration:none;display:inline-flex;position:relative}.inline-pill .inline-pill__icon{justify-content:center;align-items:center;display:flex}.inline-pill:hover{background-color:var(--color-purple-a10);color:var(--color-purple-x-dark)}.inline-pill:hover:after{opacity:1}.inline-pill:after{content:"";left:var(--spacing-1);right:var(--spacing-1);bottom:var(--spacing-1);border-bottom:var(--spacing-px) solid currentColor;opacity:0;transition:opacity var(--transition);position:absolute}