.community-band {
  align-items: center;
  background: linear-gradient(115deg, rgba(10, 88, 178, .24), rgba(10, 22, 43, .88) 62%, rgba(84, 61, 221, .18));
  border: 1px solid rgba(62, 161, 255, .32);
  border-radius: 22px;
  display: flex;
  gap: 32px;
  justify-content: space-between;
  margin: 22px auto 72px;
  overflow: hidden;
  padding: 34px 38px;
  position: relative;
}

.community-band::after {
  background: radial-gradient(circle, rgba(41, 213, 255, .18), transparent 67%);
  content: '';
  height: 340px;
  pointer-events: none;
  position: absolute;
  right: -108px;
  top: -196px;
  width: 340px;
}

.community-band > * { position: relative; z-index: 1; }
.community-band h2 { margin: 8px 0; max-width: 640px; }
.community-band p { color: var(--muted); margin: 0; }
.community-actions { display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-end; }
.community-actions .button { white-space: nowrap; }
.footer-community { align-items: center; display: flex; flex-wrap: wrap; gap: 10px 16px; justify-content: center; }
.footer-community span { color: var(--muted); font-size: 13px; }
.footer-community a { color: #7ed9ff; font-size: 13px; text-decoration: none; }
.footer-community a:hover, .footer-community a:focus-visible { color: #fff; text-decoration: underline; }

@media (max-width: 720px) {
  .community-band { align-items: flex-start; flex-direction: column; margin-bottom: 44px; padding: 27px 24px; }
  .community-actions { justify-content: flex-start; }
}