<div class="sidebar-magazine-widget">
  <div class="magazine-cover">
    <!-- Naye cover photo ka URL niche src="" me dalein -->
    <img src="YOUR_COVER_IMAGE_URL_HERE.jpg" alt="Latest Magazine Issue Cover" />
  </div>
  
  <div class="magazine-content">
    <h3 class="magazine-title">Latest Issue</h3>
    <p class="magazine-meta">March 2026 Edition</p>
    
    <!-- Naye PDF ya Page ka URL niche href="" me dalein -->
    <a href="YOUR_MAGAZINE_PDF_OR_PAGE_URL_HERE" class="read-magazine-btn" target="_blank" rel="noopener">
      Read Magazine
    </a>
  </div>
</div>

<style>
  .sidebar-magazine-widget {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 16px;
    text-align: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    max-width: 300px;
    margin: 0 auto 20px auto;
  }

  .magazine-cover img {
    width: 100%;
    height: auto;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    display: block;
  }

  .magazine-content {
    margin-top: 15px;
  }

  .magazine-title {
    font-size: 1.15rem;
    font-weight: 700;
    margin: 0 0 4px 0;
    color: #222222;
  }

  .magazine-meta {
    font-size: 0.875rem;
    color: #666666;
    margin: 0 0 15px 0;
  }

  .read-magazine-btn {
    display: inline-block;
    width: 100%;
    background-color: #e50914;
    color: #ffffff !important;
    padding: 10px 18px;
    font-size: 0.95rem;
    font-weight: 600;
    text-decoration: none;
    border-radius: 4px;
    transition: background-color 0.2s ease-in-out;
    box-sizing: border-box;
  }

  .read-magazine-btn:hover {
    background-color: #b80710;
    color: #ffffff !important;
    text-decoration: none;
  }
</style>