JSFiddle - React, Tailwind, and code Playground

HTML

<div id="ticket">
<svg id="ticket_edge_left" class="ticket_edge" viewBox="0 0 15 128" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"><g><path d="M-8.0569e-16,120.779l-2.77984e-19,0.041672c-2.6464e-17,3.96716 3.35786,7.17918 7.5,7.17918l7.5,0l0,-128l-7.5,4.47191e-17c-4.13371,2.46474e-17 -7.5,3.21423 -7.5,7.17918l-3.13848e-18,0.470482c2.99068,0.944527 5.14925,3.6422 5.14925,6.8227c0,3.1805 -2.15857,5.87817 -5.14925,6.8227c-1.23395e-12,0 -1.23402e-12,11.2256 -1.23402e-12,11.2256c2.99068,0.944527 5.14925,3.6422 5.14925,6.8227c0,3.1805 -2.15857,5.87817 -5.14925,6.8227l-7.48835e-17,11.2256c2.99068,0.944527 5.14925,3.6422 5.14925,6.8227c-8.88178e-16,3.1805 -2.15857,5.87817 -5.14925,6.8227c-1.23395e-12,0 -1.23402e-12,11.2256 -1.23402e-12,11.2256c2.99068,0.944527 5.14925,3.6422 5.14925,6.8227c0,3.1805 -2.15857,5.87817 -5.14925,6.8227l-7.48835e-17,11.2256c2.99068,0.944528 5.14925,3.6422 5.14925,6.8227c0,3.1805 -2.15857,5.87817 -5.14925,6.8227l-1.23395e-12,0Z"/></g></svg>
<svg id="ticket_edge_right" class="ticket_edge" viewBox="0 0 15 128" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"><g><path d="M-8.0569e-16,120.779l-2.77984e-19,0.041672c-2.6464e-17,3.96716 3.35786,7.17918 7.5,7.17918l7.5,0l0,-128l-7.5,4.47191e-17c-4.13371,2.46474e-17 -7.5,3.21423 -7.5,7.17918l-3.13848e-18,0.470482c2.99068,0.944527 5.14925,3.6422 5.14925,6.8227c0,3.1805 -2.15857,5.87817 -5.14925,6.8227c-1.23395e-12,0 -1.23402e-12,11.2256 -1.23402e-12,11.2256c2.99068,0.944527 5.14925,3.6422 5.14925,6.8227c0,3.1805 -2.15857,5.87817 -5.14925,6.8227l-7.48835e-17,11.2256c2.99068,0.944527 5.14925,3.6422 5.14925,6.8227c-8.88178e-16,3.1805 -2.15857,5.87817 -5.14925,6.8227c-1.23395e-12,0 -1.23402e-12,11.2256 -1.23402e-12,11.2256c2.99068,0.944527 5.14925,3.6422 5.14925,6.8227c0,3.1805 -2.15857,5.87817 -5.14925,6.8227l-7.48835e-17,11.2256c2.99068,0.944528 5.14925,3.6422...

CSS

.ticket_edge {
    clip-rule: evenodd;
    fill-opacity: 0.5;
    fill-rule: evenodd;
    fill: #f00;
    height: 128px;
    position: absolute;
    top: 0;
    width: 15px;
}

#ticket_edge_left {
    left: -15px;
}

#ticket_edge_right {
    right: -15px;
    -webkit-transform: rotate(180deg);
}

#ticket {
    background-color: rgba(255, 0, 0, 0.5);
    height: 128px;
    left: 25px;
    position: relative;
    top: 10px;
    width: 180px;
}