.support-card { flex: 1 1 auto; display: flex; align-items: center; justify-content: center; gap: 12px; }
.support-card p { color: var(--fg-dim); font-size: 0.8em; white-space: nowrap; margin: 0; }
.support-card-link { padding: 6px 12px; background: var(--accent); color: #fff !important; border-radius: 6px; font-weight: 700; font-size: 0.78em; letter-spacing: 0.5px; text-decoration: none !important; white-space: nowrap; }
.support-card-link:hover { background: #f25c75; }
.support-card-details { color: var(--fg-dim); font-size: 0.78em; white-space: nowrap; }
.support-card-details:hover { color: var(--fg); text-decoration: none; }
@media (max-width: 860px) { .support-card { flex-basis: 100%; flex-wrap: wrap; } }
@media (max-width: 640px) { .support-card p { font-size: 0.7em; white-space: normal; text-align: center; } }