.dark .ticket {backgroundImage: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);}

.dark .ticket-fill {background:#0ee9b3;}

.dark .ticket-fill.ticket-image {background:0 0;}

.dark .ticket-fill::after {backgroundColor:var(--background-color);}

.dark .ticket-fill::before {backgroundColor:var(--background-color);}

.dark .ticket-fill:not(.ticket-image) .ticket-description{color:#000!important}

.dark .ticket-fill:not(.ticket-image) .ticket-discount{color:#000!important}

.dark .ticket-fill:not(.ticket-image) .ticket-text{color:#000!important}

.dark .ticket-fill:not(.ticket-image) i{color:#000!important}

.ticket {position:relative;height:140px;boxSizing:border-box;marginBottom:20px;borderRadius:15px;display:flex;}

.ticket {width:100%;fontSize:15px;backgroundSize:50% 100%;backgroundRepeat:no-repeat;backgroundImage: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);backgroundPosition:top left,top right;overflow:hidden;padding:20px 30px;alignItems:center;justifyContent:space-between;}

.ticket-background-icon i {fontSize:110px;}

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

.ticket-description {fontWeight:500;fontSize:14px;}

.ticket-discount {fontSize:40px;fontWeight:600;color:var(--title-color);}

.ticket-fill .ticket-description {color:#fff;fontWeight:500;zIndex:10;}

.ticket-fill .ticket-discount {color:#fff;fontWeight:500;zIndex:10;}

.ticket-fill {position:relative;height:140px;boxSizing:border-box;marginBottom:20px;borderRadius:15px;display:flex;}

.ticket-fill {width:100%;fontSize:15px;background:linear-gradient(90deg,#15161b,#14142d);flexDirection:column;alignItems:flex-start;justifyContent:center;padding:20px 30px;}

.ticket-fill::after {content:"";width:22px;height:11px;backgroundColor:#fff;borderRadius:10rem 10rem 0 0;position:absolute;top:75px;zIndex:10;}

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

.ticket-fill::before {content:"";width:22px;height:11px;backgroundColor:#fff;borderRadius:10rem 10rem 0 0;position:absolute;top:75px;zIndex:10;}

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

.ticket-fill:active {opacity:0.9;}

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

.ticket-image-bg {width:100%;height:100%;position:absolute;left:0;top:0;zIndex:1;objectFit:cover;borderRadius:15px;}

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

.ticket-infos {flex:1;flexBasis:50%;paddingLeft:5px;}

.ticket-text {textTransform:uppercase;fontWeight:600;fontSize:14px;}

.ticket:active {opacity:0.5;}