.hero-buy-card { display:flex; align-items:center; gap:20px; padding:22px 28px; margin-top:22px; color:#183e58; background:linear-gradient(110deg,#f4fafc,#e9f3f9); border:1px solid #c8dce8; border-radius:14px; text-decoration:none; }
.hero-buy-card>svg { flex-shrink:0; color:#347ca6; }
.hero-buy-card strong { display:block; font-size:20px; letter-spacing:-.025em; }
.hero-buy-card small { display:block; margin-top:4px; color:#5b7a8e; font-size:13px; }
.hero-buy-card>span:last-child { margin-left:auto; font-size:13px; font-weight:700; color:#28678f; white-space:nowrap; }
.hero-buy-card:hover { border-color:#6da4c4; box-shadow:0 8px 22px #25577512; }
.hero-buy-card:focus-visible { outline:3px solid #3182ce; outline-offset:4px; }
@media(max-width:575px) { .hero-buy-card { display:grid; grid-template-columns:30px minmax(0,1fr); padding:18px; gap:12px 14px; } .hero-buy-card>svg { width:30px; } .hero-buy-card>span:nth-child(2) { min-width:0; } .hero-buy-card>span:last-child { grid-column:2; margin-left:0; } .hero-buy-card small { font-size:12px; } }