.pill{font-size:var(--font-size-smaller);font-weight:var(--font-weight-medium);padding:8px 16px;text-transform:uppercase;& p{letter-spacing:.4px}}.pill-row-with-circle-icon{--icon-size:16px;grid-template-columns:var(--icon-size) 1fr}.pill.pill-row-with-circle-icon{padding:8px 16px 8px 8px}.pill-icon-circle{border-radius:50%;height:var(--icon-size);width:var(--icon-size)}.pill-icon-circle.purple{background:var(--color-vibrant-purple)}.pill-icon-circle.blue{background:var(--color-skyline-blue)}.pill-midnight-black{background:var(--color-midnight-black);color:var(--color-creamy-white)}.pill-vibrant-purple{background:var(--color-vibrant-purple);color:var(--color-creamy-white)}