/* রক্তদাতা হন - কার্ড সেকশন (blood/_donor_cta.php) */
.bd-card { position:relative; overflow:hidden; display:flex; align-items:center; gap:22px; flex-wrap:wrap; background:linear-gradient(135deg,#ffffff 0%,#fff3f3 100%); border:1px solid #f6d5d5; border-radius:22px; padding:28px 32px; box-shadow:0 16px 38px rgba(214,40,40,.10); }
.bd-card::before { content:'\f043'; font-family:'Font Awesome 6 Free'; font-weight:900; position:absolute; right:-18px; bottom:-34px; font-size:190px; line-height:1; color:#d62828; opacity:.055; transform:rotate(12deg); pointer-events:none; }
.bd-card::after { content:''; position:absolute; left:0; top:22px; bottom:22px; width:5px; border-radius:0 6px 6px 0; background:linear-gradient(180deg,#ff6b6b,#c81e1e); }
.bd-card-icon { position:relative; flex:0 0 68px; width:68px; height:68px; border-radius:50%; background:linear-gradient(135deg,#ff6b6b,#d62828); color:#fff; font-size:28px; display:flex; align-items:center; justify-content:center; box-shadow:0 0 0 8px #fdeaea, 0 10px 22px rgba(214,40,40,.35); }
.bd-card-body { flex:1 1 280px; min-width:0; position:relative; z-index:1; }
.bd-card-body h5 { margin:0 0 6px; font-size:21px; font-weight:800; color:#1a1d29; }
.bd-card-body p { margin:0; font-size:14.5px; color:#5f6672; line-height:1.7; max-width:620px; }
.bd-card .become-donor-btn { position:relative; z-index:1; margin-left:auto; }

/* রক্তদাতা হন - ইউনিক বাটন */
.become-donor-btn { position:relative; display:inline-flex; align-items:center; gap:10px; padding:8px 22px 8px 8px; border-radius:50px; background:linear-gradient(135deg,#ff5a5a,#c81e1e); color:#fff !important; font-weight:800; font-size:15px; text-decoration:none; box-shadow:0 8px 20px rgba(200,30,30,.35); transition:.2s; white-space:nowrap; animation:bdPulse 2.2s infinite; }
.become-donor-btn .bd-drop { width:36px; height:36px; border-radius:50%; background:#fff; color:#e53e3e; display:flex; align-items:center; justify-content:center; font-size:16px; }
.become-donor-btn .bd-arrow { transition:transform .2s; }
.become-donor-btn:hover { transform:translateY(-2px); box-shadow:0 12px 26px rgba(200,30,30,.45); }
.become-donor-btn:hover .bd-arrow { transform:translateX(4px); }
@keyframes bdPulse { 0%{box-shadow:0 0 0 0 rgba(229,62,62,.5),0 8px 20px rgba(200,30,30,.35);} 70%{box-shadow:0 0 0 14px rgba(229,62,62,0),0 8px 20px rgba(200,30,30,.35);} 100%{box-shadow:0 0 0 0 rgba(229,62,62,0),0 8px 20px rgba(200,30,30,.35);} }

@media (max-width:767px) {
  .bd-card { padding:22px 20px 22px 24px; gap:16px; border-radius:18px; }
  .bd-card-icon { flex-basis:56px; width:56px; height:56px; font-size:23px; }
  .bd-card-body h5 { font-size:18px; }
  .bd-card .become-donor-btn { width:100%; justify-content:center; margin-left:0; }
}