/* The action-list paywall notice (shared/_action_list_gate): the upgrade-cta
   card, with text larger than the actions around it, since it is the
   funnel's main call to action. The compound selectors outrank
   upgrade-cta.css whatever the load order. */
.upgrade-cta.action-list-gate {
  & .upgrade-cta-icon {
    width: 1.5rem;
    height: 1.5rem;
  }

  & .upgrade-cta-title {
    font-size: var(--font-size-20);
  }

  & .upgrade-cta-text {
    font-size: var(--font-size-16);
    margin-top: var(--spacing-8);
  }

  & .upgrade-cta-actions {
    margin-top: var(--spacing-16);
  }

  & .upgrade-cta-promo-link {
    font-size: var(--font-size-14);
  }
}