.pill{align-items:center;background-color:var(--bgColor);border-radius:3.333em;display:flex;gap:8px;padding:.75em 20px;transition:var(--transition);width:-moz-fit-content;width:fit-content}.pill .ellipse{background-color:var(--red);border-radius:50%;height:12px;width:12px}.pill .text{color:var(--textColor);font-weight:900;line-height:123.1%}.pill .mess-html{font-size:12px;letter-spacing:1.38px;text-transform:uppercase}.pill:hover .icon-wrapper{margin-left:.5em}.pill.red{color:var(--red)}.pill.red:hover{background-color:var(--red);color:var(--white)}.pill.dark-gray{background-color:var(--gray-900);color:var(--white)}.pill.dark-gray:hover{background-color:var(--white);color:var(--gray-900)}