.course-awards[hidden] { display: none !important; }
.course-awards {
  --award-ink: #0b0b0e;
  --award-lime: #e8ff00;
  margin: 28px 0;
  padding: 30px;
  border: 1px solid #42472a;
  border-radius: 20px;
  background: radial-gradient(ellipse at top right, #e8ff0012, transparent 64%), var(--award-ink);
  color: #fff;
}
.course-awards-kicker { margin: 0 0 10px; color: var(--award-lime); font-size: 12px; font-weight: 600; letter-spacing: .14em; }
.course-awards h2 { margin: 0 0 12px; font-size: clamp(25px, 3vw, 33px); line-height: 1.2; letter-spacing: -.03em; }
.course-awards-description { margin: 0 0 23px; max-width: 58ch; color: #c8c8d4; font-size: 16px; }
.course-awards-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.course-awards-actions button { min-height: 48px; padding: 12px 20px; border: 1px solid var(--award-lime); border-radius: 999px; font: inherit; font-size: 15px; font-weight: 600; cursor: pointer; touch-action: manipulation; }
.course-awards-primary { color: var(--award-ink); background: var(--award-lime); }
.course-awards-secondary { color: var(--award-lime); background: transparent; }
.course-awards-primary:hover { background: #f4ff80; }
.course-awards-secondary:hover { background: #e8ff001a; }
.course-awards button:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.course-awards button:disabled { opacity: .65; cursor: wait; }
.course-awards-disclaimer { margin: 19px 0 0; color: #aaaab4; font-size: 13px; }
.course-awards-status { min-height: 22px; margin: 8px 0 0; color: #e8ff00; font-size: 13px; }
@media (max-width: 560px) {
  .course-awards { padding: 23px 20px; }
  .course-awards-actions { align-items: stretch; flex-direction: column; }
  .course-awards-actions button { font-size: 16px; }
  .course-awards-disclaimer, .course-awards-status { font-size: 14px; }
}