.od1-connect-card { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 28px 0; padding: 24px; border: 1px solid #d9ded4; border-radius: 18px; background: #fffdf8; color: #183c30; box-shadow: 0 8px 28px rgba(24,60,48,.06); }
.od1-connect-card p { margin: 0 0 5px; color: #b76729; text-transform: uppercase; font-size: 11px; font-weight: 800; letter-spacing: .14em; }
.od1-connect-card h2 { margin: 0 0 7px; font-size: 23px; letter-spacing: -.025em; }
.od1-connect-card span { color: #607168; font-size: 14px; }
.od1-connect-action { display: flex; align-items: center; justify-content: flex-end; gap: 12px; flex-wrap: wrap; }
.od1-connect-action .od1-connect-status { display: inline-flex; padding: 7px 10px; border-radius: 999px; background: #f1e5d7; color: #7d4928; font-size: 12px; font-weight: 750; white-space: nowrap; }
.od1-connect-action .od1-connect-status.is-ready { background: #deeadc; color: #245b39; }
.od1-connect-action a { display: inline-flex; gap: 22px; padding: 12px 16px; border-radius: 9px; background: #183c30; color: #fff; font-size: 14px; font-weight: 700; text-decoration: none; white-space: nowrap; }
.od1-connect-action a span { color: inherit; }
@media (max-width: 680px) { .od1-connect-card { align-items: flex-start; flex-direction: column; } .od1-connect-action { width: 100%; justify-content: space-between; } }