body {
    background: #ccc;
}
.pills {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2em 1em;
}
.pills div {
    border-radius: 2000em;
    aspect-ratio: 3;
    background: #000;
    overflow: hidden;
    display: flex;
    background: linear-gradient(
        to right, white 50%, var(--c) 50%
    );
}
.pills div::after {
    
}