JSFiddle - React, Tailwind, and code Playground

HTML

<body>
        <ul>
            <li class="call call-on"><span href="#non">&nbsp;</span></li>
            <li class="email"><span>&nbsp;</span></li>
        </ul>
</body>

CSS

ul {
    padding:0;
    margin:0;
}

li {
    position:relative;
    z-index:1;
    overflow:hidden;
    list-style:none;
    padding:0;
    margin:0 0 0.25em;
	width: 30px;
}

li:before,
li:after,
li span:before,
li span:after {
    content:"";
    position:absolute;
    top:50%;
    left:0;
}

li span:before,
li span:after {
    margin:-8px 0 0;
    background:#c55500;
}

/* CALL
------------------------------------------------------------------------------------------------------------------------------- */

.call span:before {
    left:5px;
    width:4px;
    height:8px;
    border-width:5px 0 5px 2px;
    border-style:solid;
    border-color:#c55500;
    background:transparent;
    /* css3 */
    -webkit-border-top-left-radius:3px 5px;
    -webkit-border-bottom-left-radius:3px 5px;
    -moz-border-radius-topleft:3px 5px;
    -moz-border-radius-bottomleft:3px 5px;
    border-top-left-radius:3px 5px;
    border-bottom-left-radius:3px 5px;
    -webkit-transform:rotate(-30deg);
    -moz-transform:rotate(-30deg);
    -ms-transform:rotate(-30deg);
    -o-transform:rotate(-30deg);
    transform:rotate(-30deg);
}

.call-on span:after {
    left:10px;
    width:6px;
    height:6px;
    margin-top:-8px;
    border:4px double #c55500;
    border-width:4px 4px 0 0;
    background:transparent;
    /* css3 */
    -webkit-border-radius:0 15px 0 0;
    -moz-border-radius:0 15px 0 0;
    border-radius:0 15px 0 0;
    -webkit-transform:rotate(15deg);
    -moz-transform:rotate(15deg);
    -ms-transform:rotate(15deg);
    -o-transform:rotate(15deg);
    transform:rotate(15deg);
}


/* EMAIL
------------------------------------------------------------------------------------------------------------------------------- */

.email:before {
    z-index:10;
    left:6px;
    width:12px;
    height:12px;
    border-width:0 1px 1px 0;
    border-style:solid;
    border-color:#fff;
    margin-top:-13px;
    background:transparent;
    /* css3 */
    -webkit-transform:rotate(39deg)...