.enrollment-notice { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 16px 24px; margin-top: 24px; padding: 24px; background: var(--page); border: 1px solid var(--border); border-radius: var(--radius); }
.enrollment-notice > div { display: grid; gap: 8px; min-width: 0; }
.enrollment-notice h2 { font-size: 20px; line-height: 28px; }
.enrollment-notice p:not(.eyebrow) { font-size: 14px; color: var(--muted); }
.enrollment-notice .button { max-width: 100%; }
@media (max-width: 700px) { .enrollment-notice { grid-template-columns: minmax(0, 1fr); width: calc(100% - 48px); margin: 24px auto; } .enrollment-notice .button { justify-self: start; } }