.ticket,.ticket-fill{position:relative;height:140px;box-sizing:border-box;margin-bottom:20px;border-radius:15px;display:flex}

.ticket{width:100%;font-size:15px;background-size:50% 100%;background-repeat:no-repeat;background-image:radial-gradient(circle at 0 50%,rgba(0,0,0,0) .7em,var(--light-gray) 0),radial-gradient(circle at 100% 50%,rgba(0,0,0,0) .7em,var(--light-gray) 0);background-position:top left,top right;overflow:hidden;padding:20px 30px;align-items:center;justify-content:space-between}

.ticket-infos{flex:1;flex-basis:50%;padding-left:5px}

.ticket-image{flex:1;flex-basis:50%}

.ticket-discount{font-size:40px;font-weight:600;color:var(--title-color)}

.ticket-text{text-transform:uppercase;font-weight:600;font-size:14px}

.ticket-description{font-weight:500;font-size:14px}

.ticket:active{opacity:.5}

.ticket-fill{width:100%;font-size:15px;background:linear-gradient(90deg,#15161b,#14142d);flex-direction:column;align-items:flex-start;justify-content:center;padding:20px 30px}

.ticket-fill::after,.ticket-fill::before{content:"";width:22px;height:11px;background-color:#fff;border-radius:10rem 10rem 0 0;position:absolute;top:75px;z-index:10}

.ticket-fill::before{left:-6px;transform:rotate(90deg)}

.ticket-fill::after{right:-6px;transform:rotate(270deg)}

.ticket-fill .ticket-description,.ticket-fill .ticket-discount{color:#fff;font-weight:500;z-index:10}

.ticket-background-icon{position:absolute;right:40px;color:rgba(255,255,255,.1)}

.ticket-background-icon i{font-size:110px}

.ticket-image-bg{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;object-fit:cover;border-radius:15px}

.ticket-image-bg+.ticket-text{z-index:10;color:#fff}