Responsive Two-Tier Banner with CTA and Close Button

This component uses Tailwind CSS utilities to create a responsive banner with two tiers of information. The outer tier has a background color and padding to span the full width. The inner tier contains a left section with an icon, heading, and description; a main call-to-action button in the center; and a close button on the right. On smaller screens, the heading is truncated and the description is hidden to optimize space.