<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap" rel="stylesheet">

<style>

*{box-sizing:border-box;margin:0;padding:0}

body{font-family:'Poppins',sans-serif;background:#f9fafb}

.container{display:grid;grid-template-columns:minmax(260px,1fr);gap:1.5rem;margin:2rem}

.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;

box-shadow:0 4px 10px rgba(0,0,0,.05);padding:1rem;

display:flex;flex-direction:column;transition:.2s}

.card:hover{transform:translateY(-4px)}

.card img{width:100%;aspect-ratio:1/1;object-fit:contain;border-radius:8px}

.card h3{font-size:1rem;margin:.75rem 0 .5rem;line-height:1.35em}

.card p{font-size:.875rem;color:#555;flex-grow:1}

.btn{display:inline-block;margin-top:1rem;background:#fec710;color:#000;

font-weight:600;text-align:center;padding:.6rem 1rem;border-radius:25px;

text-decoration:none;transition:background .2s,transform .2s}

.btn:hover{background:#e5b50e;transform:translateY(-2px)}

.btn::after{content:" →";margin-left:4px}

</style>

<div class="container">

<div class="card">

<!-- ⚠️ REPLACE src with the Amazon product image URL -->

<img src="REPLACE-PRODUCT-IMAGE-URL" alt="REPLACE descriptive alt text">

<!-- ⚠️ REPLACE title below -->

<h3>REPLACE PRODUCT TITLE</h3>

<!-- ⚠️ REPLACE description below -->

<p>REPLACE one-line product description</p>

<!-- ⚠️ REPLACE href with your affiliate short-link -->

<a class="btn" href="REPLACE-AFFILIATE-LINK" target="_blank" rel="noopener">Buy on Amazon</a>

</div>

</div>

🎙️ NEW PODCAST

The Balanced Male Project

Now Exclusively Streaming on BuzzSprout, Apple Podcasts, and YouTube.