G-Loot DS — card recap Status: not premium Advertising Premium

by Augustin Hiebel

HTML

<div className="card-recap">
  <div className="card-image">
    ...
  </div>
  <div className="card-content">
    ...
  </div>
  <div className="card-action">

    <!-- put action here -->
    <button type="button" className="group surface flex items-center p-6 gap-4 interactive rounded-b">
      <PremiumLogo src="https://res.cloudinary.com/gloot/image/upload/v1672241197/Stryda/logos/stryda-premium-logo-main-white-animated.svg" width="145" height="auto" className="mx-auto" />
      <p className="flex-1 text-sm leading-tight">
        Get recaps of <b className="text-ui-100">your best moments</b> in your favorite games -
        automatically!
      </p>
      <span className="icon icon-ctrl-right text-premium-500 group-hover:translate-x-1 group-hover:text-ui-100 transition-all ease-in-out duration-150" />
    </button>

  </div>
</div>