.course-preview-bar { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin:1rem 0; border:1px solid #9bb9d9; border-left:.3rem solid #285eb8; border-radius:.55rem; padding:.8rem 1rem; background:#edf4fc; }
.course-preview-bar__title { display:grid; gap:.2rem; }
.course-preview-bar__modes { display:flex; flex-wrap:wrap; gap:.5rem; }
.course-preview-bar__modes a { border-radius:999px; padding:.4rem .7rem; color:#173f7a; background:#fff; font-size:.85rem; font-weight:750; text-decoration:none; }
.course-preview-notice { border-left:.3rem solid #285eb8; padding:.85rem 1rem; color:#173f7a; background:#edf4fc; line-height:1.5; }
@media (max-width:42rem) { .course-preview-bar { align-items:flex-start; flex-direction:column; } }