G-Loot DS — empty state with skip button

by Augustin Hiebel

HTML

<div className="surface rounded-lg px-4 py-8 text-center">
  <div className="max-w-xs mx-auto">
    <span className="icon icon-smile text-6xl text-ui-500" />
    <div className="mt-2 mb-6">
      <p className="text-sm text-ui-400">
        You&lsquo;ve successfully signed up
      </p>
      <p className="text-lg text-ui-300">
        Click the button to invite your friends
      </p>
    </div>
    <button type="button" className="button button-main">
      <span>Invite your friends</span>
    </button>
    <div className="mt-4">
      <a className="text-interaction-500 hover:interaction-300" href="#">
        Skip
      </a>
    </div>
  </div>
</div>