.qugo-category-cta {
  width: min(calc(100% - 64px), 1200px);
  margin-inline: auto;
  padding-top: 64px;
}

.qugo-category-cta .qugo-article-cta {
  margin: 0;
}

.qugo-category-cta + .stories-section--home {
  padding-top: 40px;
}

.qugo-article-cta--compact {
  min-height: 148px;
  padding: 30px 32px;
  background: linear-gradient(135deg, var(--q-green-strong) 0%, var(--q-green-light) 100%);
}

.qugo-article-cta--compact h2,
.article-content .qugo-article-cta--compact h2 {
  max-width: 650px;
  margin: 0;
  color: #fff;
  font-size: clamp(21px, 2.1vw, 27px);
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -.01em;
  text-transform: none;
}

.qugo-article-cta--compact p,
.article-content .qugo-article-cta--compact p {
  margin: 8px 0 0;
  color: rgba(255, 255, 255, .86);
  font-size: 15px;
  line-height: 1.45;
}

.qugo-article-cta--compact > .qugo-article-cta__button,
.article-content .qugo-article-cta--compact > .qugo-article-cta__button {
  display: inline-flex;
  width: auto;
  min-width: 190px;
  min-height: 52px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  padding-inline: 22px;
  border: 0;
  border-radius: 11px;
  background: #fff;
  color: var(--q-green-strong);
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  transition: background .15s ease, transform .15s ease;
}

.qugo-article-cta--compact > .qugo-article-cta__button:hover,
.article-content .qugo-article-cta--compact > .qugo-article-cta__button:hover {
  background: var(--q-green-soft);
  color: var(--q-green-strong);
}

@media (max-width: 820px) {
  .qugo-category-cta {
    width: min(calc(100% - 32px), 1200px);
    padding-top: 40px;
  }

  .qugo-category-cta + .stories-section--home {
    padding-top: 32px;
  }
}

@media (max-width: 540px) {
  .qugo-article-cta--compact {
    gap: 22px;
    padding: 24px 20px;
  }

  .qugo-article-cta--compact h2,
  .article-content .qugo-article-cta--compact h2 {
    font-size: 22px;
  }

  .qugo-article-cta--compact > .qugo-article-cta__button,
  .article-content .qugo-article-cta--compact > .qugo-article-cta__button {
    width: 100%;
    min-width: 0;
  }
}