.catalog-course-card .catalog-card-start {
  display: flex; align-items: center; gap: 11px; margin: 15px 0 13px; padding: 12px;
  border: 1px solid #c9dcf5; border-left: 3px solid #285fa5; border-radius: 9px;
  background: #edf4ff; color: #17447f; min-width: 0;
}
.catalog-card-start .catalog-card-start-icon { display: flex; flex: 0 0 32px; align-items: center; justify-content: center; }
.catalog-card-start .catalog-card-start-icon svg { display: block; width: 25px; height: 25px; }
.catalog-card-start > div { min-width: 0; }
.catalog-card-start > div > span { display: block; font-size: 10px; font-weight: 650; line-height: 1.5; letter-spacing: .07em; text-transform: uppercase; color: #3b5e8e; }
.catalog-card-start time, .catalog-card-start strong { display: block; font-size: 15px; font-weight: 700; line-height: 1.5; letter-spacing: -.01em; overflow-wrap: anywhere; color: #17447f; }
.catalog-course-card .catalog-card-start.is-pending { border-color: #dce3ed; border-left-color: #8c9eb6; background: #f5f7fa; color: #52647b; }
.catalog-card-start.is-pending > div > span, .catalog-card-start.is-pending strong { color: #52647b; }
@media (max-width: 360px) { .catalog-course-card .catalog-card-start { gap: 8px; padding: 10px; } .catalog-card-start time, .catalog-card-start strong { font-size: 14px; } }