.sb-lesson-completion {
  position: relative;
  isolation: isolate;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(230px, auto);
  gap: 28px;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin: 24px 0 0 !important;
  padding: clamp(22px, 3.5vw, 34px) !important;
  overflow: hidden;
  border: 2px solid #ffb096 !important;
  border-radius: 24px !important;
  color: #17191d !important;
  background:
    radial-gradient(circle at 96% 0%, rgba(255, 101, 56, .18), transparent 38%),
    linear-gradient(135deg, #fff8f3 0%, #fff 70%) !important;
  box-shadow: 0 16px 36px rgba(80, 39, 24, .1) !important;
  box-sizing: border-box;
}

.sb-lesson-completion::before {
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  width: 7px;
  background: #ff6538;
  content: "";
}

.sb-lesson-completion,
.sb-lesson-completion * {
  box-sizing: border-box;
}

.sb-lesson-completion__copy {
  min-width: 0;
}

.sb-lesson-completion .sb-lesson-completion__eyebrow {
  margin: 0 0 7px !important;
  color: #b73816 !important;
  font: 850 11px/1.3 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  letter-spacing: .12em !important;
  text-transform: uppercase;
}

.sb-lesson-completion h2 {
  margin: 0 !important;
  color: #17191d !important;
  font: 850 clamp(24px, 3vw, 32px)/1.08 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  letter-spacing: -.035em !important;
}

.sb-lesson-completion__copy > p:last-child {
  max-width: 620px;
  margin: 10px 0 0 !important;
  color: #545b65 !important;
  font: 500 15px/1.55 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.sb-lesson-completion__action {
  display: grid;
  min-width: min(100%, 230px);
  gap: 8px;
  justify-items: stretch;
}

.sb-lesson-completion__button {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 230px;
  min-height: 60px;
  margin: 0 !important;
  padding: 12px 20px !important;
  overflow: hidden;
  appearance: none;
  border: 2px solid var(--sb-orange-cta-ring, #ff6338) !important;
  border-radius: 15px !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: var(--sb-orange-cta-top, #ff6338) !important;
  background-image: none !important;
  box-shadow: 0 6px 0 #df4f2a, 0 12px 22px rgba(255, 99, 56, .3) !important;
  font: 850 15px/1.2 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  text-align: center;
  cursor: pointer;
  transform: translateY(0);
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, border-color .18s ease;
  touch-action: manipulation;
}

.sb-lesson-completion__button::after {
  position: absolute;
  top: -45%;
  bottom: -45%;
  left: -65%;
  width: 38%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .52), transparent);
  content: "";
  pointer-events: none;
  transform: rotate(16deg);
}

.sb-lesson-completion__button:hover {
  transform: translateY(-2px);
  background: var(--sb-orange-cta-hover-top, #ff6338) !important;
  background-image: none !important;
  box-shadow: 0 8px 0 #df4f2a, 0 16px 28px rgba(255, 99, 56, .34) !important;
}

.sb-lesson-completion__button:active {
  transform: translateY(4px) scale(.99);
  box-shadow: 0 2px 0 #df4f2a, 0 6px 12px rgba(255, 99, 56, .24) !important;
}

.sb-lesson-completion__button:focus-visible {
  outline: 4px solid #233d68 !important;
  outline-offset: 4px !important;
}

.sb-lesson-completion__icon {
  display: inline-grid;
  width: 26px;
  height: 26px;
  margin-right: 10px;
  flex: 0 0 auto;
  place-items: center;
  border: 2px solid currentColor;
  border-radius: 50%;
  font-size: 15px;
  font-weight: 950;
  line-height: 1;
}

.sb-lesson-completion__status {
  min-height: 18px;
  margin: 0 !important;
  color: #626873 !important;
  font: 600 12px/1.4 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  text-align: center;
}

.sb-lesson-completion[data-sb-state="complete"] {
  border-color: #8fc7ae !important;
  background:
    radial-gradient(circle at 96% 0%, rgba(38, 122, 85, .17), transparent 38%),
    linear-gradient(135deg, #f1faf6 0%, #fff 70%) !important;
}

.sb-lesson-completion[data-sb-state="complete"]::before {
  background: #216b4c;
}

.sb-lesson-completion[data-sb-state="complete"] .sb-lesson-completion__button {
  border-color: #174d38 !important;
  color: #fff !important;
  background: linear-gradient(180deg, #287b58 0%, #1d6749 100%) !important;
  box-shadow: 0 6px 0 #123f2d, 0 12px 22px rgba(20, 84, 58, .22) !important;
}

.sb-lesson-completion[data-sb-state="complete"] .sb-lesson-completion__button:hover {
  background: linear-gradient(180deg, #287b58 0%, #1d6749 100%) !important;
  box-shadow: 0 8px 0 #123f2d, 0 16px 28px rgba(20, 84, 58, .26) !important;
}

.sb-lesson-completion[data-sb-state="complete"] .sb-lesson-completion__button:active {
  box-shadow: 0 2px 0 #123f2d, 0 6px 12px rgba(20, 84, 58, .18) !important;
}

.sb-lesson-completion[data-sb-state="complete"] .sb-lesson-completion__icon {
  border-color: #fff;
  color: #174d38;
  background: #fff;
}

.fa-progress[data-sb-course-progress] {
  position: relative;
  overflow: hidden;
}

.fa-progress[data-sb-course-progress] > i {
  display: block !important;
  height: 100% !important;
  max-width: 100%;
  border-radius: inherit;
  transition: width .35s ease;
}

#spacebrain-ai-agent-academy [class*="aa-hero-card-"] .fa-progress[data-sb-course-progress] {
  width: 100%;
  height: 8px;
  margin: 12px 0 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .18);
}

#spacebrain-ai-agent-academy [class*="aa-hero-card-"] .fa-progress[data-sb-course-progress] > i {
  background: #ff6338;
}

#spacebrain-ai-agent-academy [class*="aa-hero-card-"] .sb-course-progress-label {
  display: block;
  margin: 0 0 10px;
  color: inherit;
  font-size: 13px;
  line-height: 1.35;
}

.sb-lesson-completion[data-sb-celebrate="true"] .sb-lesson-completion__icon {
  animation: sb-lesson-completion-pop .62s cubic-bezier(.16, 1, .3, 1);
}

.sb-lesson-completion[data-sb-celebrate="true"] .sb-lesson-completion__button::after {
  animation: sb-lesson-completion-sheen .7s ease-out;
}

@keyframes sb-lesson-completion-pop {
  0% { transform: scale(.72) rotate(-12deg); }
  48% { transform: scale(1.24) rotate(5deg); }
  100% { transform: scale(1) rotate(0); }
}

@keyframes sb-lesson-completion-sheen {
  from { left: -65%; }
  to { left: 125%; }
}

@media (max-width: 680px) {
  .sb-lesson-completion {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
    padding: 23px 20px 21px !important;
    border-radius: 20px !important;
  }

  .sb-lesson-completion__action,
  .sb-lesson-completion__button {
    width: 100%;
    min-width: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .fa-progress[data-sb-course-progress] > i {
    transition: none !important;
  }

  .sb-lesson-completion__button {
    transition: none !important;
  }

  .sb-lesson-completion__button:hover,
  .sb-lesson-completion__button:active {
    transform: none;
  }

  .sb-lesson-completion[data-sb-celebrate="true"] .sb-lesson-completion__icon,
  .sb-lesson-completion[data-sb-celebrate="true"] .sb-lesson-completion__button::after {
    animation: none !important;
  }
}