.course-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 20px;padding:16px 22px;border:1px solid #f1dbb3;border-radius:12px;background:linear-gradient(110deg,#fff 0%,#fff4d9 50%,#ffd698 100%);color:#392b0c}.course-banner-copy{min-width:0}.course-banner-badge{display:inline-flex;align-items:center;gap:9px;background:#fff8e7;color:#805018;padding:3px 9px;border-radius:5px;font-size:12px;font-weight:700}.course-live-dot{display:inline-block;width:9px;height:9px;flex:none;border-radius:50%;background:#88958c}.course-banner[data-state="open"] .course-live-dot{background:#16964d;animation:course-live-pulse 2.5s ease-in-out infinite}.course-banner[data-state="waitlist"] .course-live-dot{background:#c77a12}.course-banner h2{font-size:21px;line-height:1.5;margin:6px 0 3px;color:#392b0c}.course-banner p{margin:0;color:#70531c;font-size:13px;line-height:1.7}.course-banner-action{display:flex;align-items:center;flex-direction:column;gap:6px;flex-shrink:0}.course-banner-action a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-height:44px;padding:10px 20px;border-radius:8px;background:#ffdb75;border:1px solid #d6a847;color:#4f3100;font-size:15px;font-weight:700;white-space:nowrap}.course-banner-action a:hover{background:#ffd15c}.course-banner-action>span{font-size:12px;color:#70531c;text-align:center;line-height:1.5}.course-banner-action a:focus-visible{outline:3px solid #8e5812;outline-offset:3px}@keyframes course-live-pulse{0%,100%{box-shadow:0 0 0 0 #16964d33;opacity:1}60%{box-shadow:0 0 0 5px #16964d00;opacity:.65}}@media(prefers-reduced-motion:reduce){.course-banner[data-state="open"] .course-live-dot{animation:none}}@media(max-width:560px){.course-banner{padding:14px;gap:12px;flex-wrap:wrap}.course-banner h2{font-size:19px}.course-banner p{font-size:12px}.course-banner-action{align-items:flex-start}.course-banner-action a{padding:9px 18px;font-size:14px}.course-banner-badge{font-size:11px}}

.course-banner-action>span{font-size:14px;font-weight:700;background:#fff8e7;border-radius:6px;padding:5px 10px}.course-banner[data-state="open"] .course-banner-action>span{color:#1d6239;background:#f2fbef}