.detail-support { align-items: center; background: linear-gradient(115deg, #172238 0%, #243d79 100%); color: white; display: flex; gap: 28px; justify-content: space-between; margin: 38px 0; padding: 24px 28px; }
.detail-support > div:first-child { align-items: center; display: flex; gap: 16px; }
.detail-support > div:first-child > span { align-items: center; background: #dcefb2; color: #0d1117; display: flex; flex: 0 0 48px; height: 48px; justify-content: center; }
.detail-support p { color: #d0dae9; font-size: 0.78rem; line-height: 1.6; margin: 0; max-width: 720px; }
.detail-support p strong { color: white; }
.detail-support > div:last-child { display: flex; flex: 0 0 auto; gap: 8px; }
.detail-support a,
.detail-support button { align-items: center; background: transparent; border: 1px solid #8190aa; color: white; cursor: pointer; display: inline-flex; font-family: inherit; font-size: 0.66rem; font-weight: 850; justify-content: center; line-height: 1; min-height: 44px; padding: 0 14px; text-decoration: none; text-transform: uppercase; }
.detail-support a.primary { background: #dcefb2; border-color: #dcefb2; color: #0d1117; }
.detail-support a:hover,
.detail-support button:hover { border-color: white; }
@media (max-width: 760px) {
  .detail-support { align-items: stretch; flex-direction: column; padding: 22px; }
  .detail-support > div:last-child { flex-wrap: wrap; }
}