.wgt-bi-users-cta {
  margin-top: var(--padding-3xl-60);
  margin-bottom: var(--padding-3xl-60);
  padding-right: 15px;
  padding-left: 15px;
}

.bi-users-cta-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-lg-24);
  padding: var(--padding-lg-24);
  border-radius: var(--radius-card);
  background: var(--gradient-linear-banner);
  text-align: center;
}

.bi-users-cta-tag {
  display: inline-flex;
  align-items: center;
  gap: var(--gap-sm-8);
  margin: 0;
  padding: var(--padding-sm-10) var(--padding-sm-12);
  border: 1px solid transparent;
  border-radius: var(--radius-full);
  background:
    linear-gradient(var(--background-primary-light), var(--background-primary-light)) padding-box,
    linear-gradient(90deg, var(--primary-color-05), var(--primary-color-08)) border-box;
}

.bi-users-cta-tag-dot {
  width: 0.5rem;
  height: 0.5rem;
  flex-shrink: 0;
  border-radius: var(--radius-full);
  background: var(--gradient-badge);
}

.bi-users-cta-tag-text {
  background: linear-gradient(90deg, var(--primary-color-05), var(--primary-color-06));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  font-size: 0.875rem;
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-caption);
}

.bi-users-cta-copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-md-14);
  width: 100%;
  max-width: 42.5rem;
}

.bi-users-cta-title {
  color: var(--text-title);
  font-size: clamp(1.5rem, 1.2876rem + 0.9061vw, 2.375rem);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-display);
}

.bi-users-cta-title :is(h1, h2, h3, h4, h5, h6, p) {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.bi-users-cta-title .italic-text {
  color: var(--text-accent);
  font-style: italic;
}

.bi-users-cta-description,
.bi-users-cta-description p {
  margin: 0;
  color: var(--text-body);
  font-size: 1rem;
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-body);
}

.bi-users-cta-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-lg-24);
  width: 100%;
}

.bi-users-cta-actions .home-btn {
  width: min(16.3125rem, 100%);
  min-width: 0;
}

.bi-users-cta-actions .home-btn-secondary {
  border: 1px solid var(--color_border_cards_active);
  transition: all 0.3s;
}

.bi-users-cta-actions .home-btn-secondary:hover {
  border: 1px solid var(--text-accent);
}

@media (min-width: 768px) {
  .bi-users-cta-panel {
    /* .wgt-home remaps this token to 32px below 992px. */
    --gap-2xl-42: 42px;
    gap: var(--gap-2xl-42);
  }
}

@media (min-width: 961px) {
  .wgt-bi-users-cta {
    margin-top: var(--gap-section-120);
    margin-bottom: var(--gap-section-120);
    padding-right: var(--padding-section);
    padding-left: var(--padding-section);
  }

  .bi-users-cta-panel {
    gap: var(--gap-2xl-42);
    padding: var(--padding-2xl-48) var(--padding-xl-32);
  }

  .bi-users-cta-actions {
    flex-direction: row;
    justify-content: center;
    gap: var(--gap-md-16);
    width: auto;
  }

  .bi-users-cta-actions .home-btn {
    width: 15rem;
  }
}