.session-mode-badge {
  display: inline-flex;
  width: fit-content;
  padding: .3rem .65rem;
  border-radius: 999px;
  background: #e6f4fa;
  color: #075d83;
  font-style: normal;
  font-weight: 800;
  text-transform: capitalize;
}

.recorded-lesson-panel {
  display: grid;
  gap: 1rem;
  min-height: 240px;
  place-content: center;
  padding: 2rem;
  border: 1px solid #b9d8e8;
  border-radius: 18px;
  background: #f5fbfe;
  text-align: center;
}

.recorded-lesson-panel strong { font-size: 1.35rem; color: #073d5c; }
.recorded-lesson-panel .primary-button { justify-self: center; }

.session-mode-quick-select {
  min-height: 38px;
  max-width: 160px;
  padding: .45rem .6rem;
  border: 1px solid #8dbdd4;
  border-radius: 9px;
  background: #fff;
  color: #073d5c;
  font-weight: 700;
}

@media (max-width: 720px) {
  .online-class-options { grid-template-columns: 1fr !important; }
  .recorded-lesson-panel { min-height: 180px; padding: 1.25rem; }
}