Minimal Event Meeting Card

<!--
  Author: @codepeek
  License: MIT
  Tags: #buttons #css #interface #opensource #codepeek
-->
<div class="card-594"><div class="badge">11<span>THU</span></div><div class="info"><h4>Team Sync</h4><p>📞 3 calls • 10:00 AM</p></div></div>

/*
 * Author: @codepeek
 * License: MIT
 * Tags: #buttons #css #interface #opensource #codepeek
 */

.card-594 { width: 190px; background: #eeeedb; border-radius: 16px; padding: 12px; display: flex; align-items: center; gap: 10px; font-family: system-ui, sans-serif; margin: auto; box-shadow: 0 8px 20px rgba(0,0,0,0.04); }
.card-594 .badge { background: #d9f99d; color: #0f172a; padding: 6px 10px; border-radius: 12px; font-size: 14px; font-weight: 900; text-align: center; line-height: 1; }
.card-594 .badge span { display: block; font-size: 7px; color: #475569; font-weight: 700; margin-top: 2px; }
.card-594 .info h4 { margin: 0; font-size: 11px; font-weight: 800; color: #0f172a; }
.card-594 .info p { margin: 2px 0 0; font-size: 8px; color: #64748b; font-weight: 600; }