.plans-feature-gate-notice {
  display: grid;
  gap: var(--space-3);
  padding: var(--space-4);
  border-radius: var(--radius-2);
  border: 1px solid color-mix(in srgb, var(--color-warning-text) 18%, var(--color-border));
  background: var(--color-warning-bg);
}

.plans-feature-gate-notice__title,
.plans-feature-gate-notice__body {
  margin: 0;
}

.plans-feature-gate-notice__title {
  font-weight: 700;
  color: var(--color-warning-text);
}

.plans-feature-gate-notice__body {
  color: color-mix(in srgb, var(--color-warning-text) 88%, var(--color-text));
}

@media (min-width: 48rem) {
  .plans-feature-gate-notice {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
  }
}