.pill-container {
    margin: 0.5rem;
    padding-right: 1rem;
    padding-left: 1rem;
    border-radius: 3rem;
    background-color: #000000;
    display: flex;
    flex-direction: row;
    width: fit-content;
    justify-content: center;
    align-items: center;
    font-family: 'Urbanist', sans-serif;
    font-weight: 700;
}

.pill-white {
    color: var(--color-background);
}

.pill-black {
    color: var(--color-text);
}

.pill-white img {
    filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(19deg) brightness(116%) contrast(113%);
}

.pill-black img {
    filter: invert(8%) sepia(21%) saturate(1187%) hue-rotate(234deg) brightness(101%) contrast(91%);
}

.pill-container img {
    margin-right: 0.5rem;
}

.pill-container svg {
    margin-right: 0.5rem;
}