.pill-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 8px;border:none;border-radius:4px;font-family:var(--font-sans);font-size:14px;font-weight:var(--font-bold);line-height:1;cursor:pointer}.pill-button svg{flex-shrink:0}.pill-button span{margin-bottom:-4px}.pill-button{transition:background .15s ease,color .15s ease}.pill-button--light{background:hsla(0,0%,100%,.15);color:hsla(0,0%,100%,.7)}.pill-button--light:hover{background:hsla(0,0%,100%,.25);color:var(--color-background)}.pill-button--dark{background:rgba(24,41,82,.15);color:rgba(24,41,82,.7)}.pill-button--dark:hover{background:rgba(24,41,82,.25);color:var(--color-accent)}.pill-button--blue{background:var(--color-accent);color:var(--color-background)}.pill-button--blue:hover{opacity:.85}