JSFiddle - React, Tailwind, and code Playground

by Kate Masiuk

HTML

<div>
    <span>Uno</span>
    <span>Dos</span>
    <span>Tres</span>
    <span>Quatro</span>
</div>

CSS

div {
    background: linear-gradient(to bottom, #fff, #E1E6C8, #CBD2A7, #A7B07A, #8C994A);
    border-radius: 0 50px 50px 0;
    padding-left: 10px;
}

span {
    margin-left: 10px;
    padding-right: 15px;
    display: inline-block;
    line-height: 32px;
    border-right: 2px solid #fff;
    border-radius: 0 50px 50px 0;
    box-shadow: 3px 0 1px -1px #797979;
}