body.single-activity .entry-content .activity-feedback {
  position: relative;
  margin-top: clamp(36px, 6vw, 64px);
  padding: clamp(25px, 4vw, 38px);
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--acad-green) 12%, transparent);
  border-radius: var(--acad-radius-lg);
  background:
    radial-gradient(circle at 100% 0, color-mix(in srgb, var(--acad-highlight) 17%, transparent), transparent 44%),
    color-mix(in srgb, var(--acad-cream) 72%, white);
  box-shadow: var(--acad-shadow-soft);
}

body.single-activity .entry-content .activity-feedback::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 6px;
  background: var(--acad-highlight);
  content: "";
}

body.single-activity .entry-content .activity-feedback__eyebrow {
  margin: 0 0 8px;
  color: var(--acad-highlight);
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

body.single-activity .entry-content .activity-feedback h2 {
  margin: 0 0 8px;
  color: var(--acad-green);
  font-size: clamp(1.65rem, 4vw, 2.25rem);
  line-height: 1.12;
}

body.single-activity .entry-content .activity-feedback p:not(.activity-feedback__eyebrow) {
  max-width: 62ch;
  margin: 0 0 20px;
  color: var(--acad-text);
  line-height: 1.65;
}

body.single-activity .entry-content .activity-feedback a.acad-button {
  gap: 7px;
  text-decoration: none;
}

@media (max-width: 544px) {
  body.single-activity .entry-content .activity-feedback {
    padding: 24px 22px 26px 26px;
  }

  body.single-activity .entry-content .activity-feedback .acad-button {
    width: 100%;
  }
}