.ticket-box {
    margin: 0 0 0px 0;
    display: inline-block;
}

.ticket {
    line-height: 70px;
    position: relative;
    transition: all 300ms cubic-bezier(0.03, 0.98, 0.53, 0.99) 0s;
    border-radius: 10px;
}

.ticket-promotion {
    display: inline-block;
    background: #EB9797;
    margin-left: 8px;
    margin-bottom: 8px;
}

.ticket:before,
.ticket:after {
    content: '';
    display: block;
    position: absolute;
    top: 13px;
    width: 18px;
    height: 14px;
    border-radius: 50%;
    z-index: 2;
    background-color: #ffffff;
}

.ml-22 {
    margin-left: 22px;
}

.ticket:before {
    border: 1px solid #EB9797;
    left: -10px;
    clip-path: circle(62% at 100% 52%);
}

.ticket:after {
    border: 1px solid #EB9797;
    right: -10px;
    clip-path: circle(82% at -22% 50%);
}

.ticket-content-wrapper-orange {
    position: relative;
    background: #ffede0;
    border-radius: 4px;
    border: 1px solid #EB9797;
}

.ticket-right {
    max-height: 48px;
    padding: 9px 16px;
}

.ticket-right .ticket-right-box-text {
/ padding: 2px; /
margin: 7px 8px;
    line-height: 0;
    border-radius: 2px;
}

.ticket-right .ticket-right-box-number p {
    display: flex;
    align-items: center;
    padding: 1px 8px;
    font-size: 10px;
    font-weight: 400;
    font-size: 12px;
    line-height: 133.33%;
    color: #22313F;
    margin-bottom: 0px;
}

.ticket-news {
    margin-left: 8px;
    font-style: normal;
    font-weight: 500;
    font-size: 8px;
    line-height: 133.33%;
    display: flex;
    align-items: center;
    color: #FFFFFF;
    background: #00BC3C;
    padding: 4px;
    border-radius: 8px 8px 8px 0px;
}