.student-homework-notice { display:flex; flex-wrap:wrap; align-items:center; gap:16px; margin-block:16px; padding:16px; border-color:var(--lime); }
.student-homework-icon { width:32px; height:32px; flex:none; color:var(--lime); }
.student-homework-copy { flex:1 1 240px; min-width:0; }
.student-homework-notice .student-homework-copy h2 { margin:4px 0; font:500 24px/1.2 var(--font-display); overflow-wrap:anywhere; }
.student-homework-copy p { margin:0; font:400 14px/1.5 var(--font-ui); }
.student-homework-status { display:inline-flex; align-items:center; gap:8px; color:var(--cream); font:600 14px/1.5 var(--font-ui); }
.student-homework-status svg { width:20px; height:20px; color:var(--lime); }
.student-homework-notice .button { min-height:44px; max-width:100%; white-space:normal; }
@media(max-width:600px) {
  .student-homework-notice { gap:12px; }
  .student-homework-copy { flex-basis:calc(100% - 44px); }
  .student-homework-notice .student-homework-copy h2 { font-size:20px; }
  .student-homework-notice .button { width:100%; }
}