.reservation{background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;border:solid 1px #eee;border-radius:.5rem;margin:.5rem 0;padding:.5rem 1rem;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.reservation .date{padding:1rem;margin-right:1rem;width:5rem}.reservation .date .day{font-size:3rem;line-height:2.7rem;font-weight:700}.reservation .date .month{text-transform:uppercase;opacity:.5}.reservation .time{opacity:.5;font-size:.8rem}.reservation .title{color:var(--primary-color);font-size:1.5rem;font-weight:500;line-height:1.2}