style calendar strip sessions mobile

assets/css/src/calendar-strip.css

@@ -100,6 +100,7 @@
 
 @media screen and (max-width: 800px) {
   .calendar-strip {
+    --padding-vertical: 1rem;
     margin-top: 2rem;
     border-top: var(--border);
   }
@@ -137,4 +138,20 @@
   .calendar-strip__days .week > ul {
     width: 100%;
   }
+
+  .calendar-strip .session {
+    grid-template-columns: 1.2fr 2fr 0.4fr;
+    column-gap: 3vw;
+  }
+
+  .calendar-strip .session .ticket-link > figure {
+    margin-right: 0;
+  }
+  .calendar-strip .session .ticket-link svg {
+    width: 2rem;
+  }
+  .session__info--book-sold-out,
+  .session__info--book-free {
+    display: none;
+  }
 }

assets/css/src/generic.css

@@ -208,6 +208,11 @@ img.show {
   .mobile-group {
     display: block;
   }
+
+  .desktop {
+    display: none;
+  }
+
   .logo {
     font-size: 6vw;
   }