.reserve-button{align-self:flex-end;margin-top:20px}section#upcoming-event{background-color:#f4f4f5;padding:32px 0}section#upcoming-event h2{font-family:Golos Text;font-size:31.25px;font-weight:500;letter-spacing:-.04em;line-height:37.5px;margin-bottom:32px;text-align:left}section#upcoming-event .event-card{background-color:#fff;display:flex;margin:32px}section#upcoming-event .event-card .event-details{display:flex;flex:1;flex-direction:column;padding:20px 32px}section#upcoming-event .event-card .event-details .event-row{border-bottom:1px solid #e4e4e7;display:flex;justify-content:space-between}section#upcoming-event .event-card .event-image{display:flex}section#upcoming-event .event-card .event-image .event-overlay{background-color:#4c2eff;display:flex;flex-direction:column;justify-content:space-between;padding:20px}section#upcoming-event .event-card .event-image .event-overlay h3{color:#fff;font-family:Golos Text;font-size:48.83px;font-weight:600;letter-spacing:-.04em;line-height:58.6px;margin-bottom:0;text-align:left}section#upcoming-event .event-card .event-image .event-overlay h3 span{font-weight:400}section#upcoming-event .event-card .event-image .event-overlay p{color:#fff;font-family:Golos Text;font-size:16px;font-weight:500;letter-spacing:-.03em;line-height:21.6px;margin-bottom:0;text-align:left}section#upcoming-event .event-card .event-image .img-wrapper{width:156px}section#upcoming-event .event-card .event-image .img-wrapper img{height:100%!important;object-fit:cover;width:100%}section#upcoming-event .event-card .event-details .event-row h4{color:#71717a;font-family:Golos Text;font-size:12.8px;font-weight:400;letter-spacing:-.02em;line-height:17.92px;position:relative;text-align:left}section#upcoming-event .event-card .event-details .event-row h4:before{background-color:#4c2eff;bottom:-8px;content:"";height:1.5px;left:0;position:absolute;width:140px}section#upcoming-event .event-card .event-details .event-row .event-info.date h4:before{background-color:#18dbb8}section#upcoming-event .event-card .event-details .event-row .event-info.location h4:before{background-color:#ff585d}section#upcoming-event .event-card .event-details .event-row p{font-family:Golos Text;font-size:20px;font-weight:500;letter-spacing:-.03em;line-height:27px;text-align:left}section#upcoming-event .event-card .event-details .event-row p.sub-text{color:#71717a;font-family:Golos Text;font-size:16px;font-weight:500;letter-spacing:-.03em;line-height:21.6px;text-align:left}section#upcoming-event .event-card .event-details button.reserve-button{align-self:flex-end;margin-top:20px}@media screen and (max-width:768px){section#upcoming-event .event-card,section#upcoming-event .event-card .event-details .event-row{flex-direction:column}}