.community-link {
  width:100%; display:flex; align-items:center;
  gap:16px; margin:28px 0; padding:26px 22px;
  text-decoration:none; color:var(--text,#1A1816); background:color-mix(in srgb,var(--surface,#FFFFFF) 70%,transparent);
  border:1px solid var(--border,#DDD8D0);
  box-shadow:0 0 22px rgba(196,162,101,.2),0 4px 14px rgba(26,24,22,.04); border-radius:8px;
  font-family:'Space Grotesk',sans-serif;
  transition:background .2s,border-color .2s,box-shadow .2s,transform .2s;
}
.community-link-icon { display:block; flex:0 0 20px; width:20px; height:20px; color:#9146FF; }
.community-link-copy { flex:1; min-width:0; }
.community-link strong { display:block; font-size:17px; font-weight:600; line-height:1.35; letter-spacing:-.02em; }
.community-link small { display:block; margin-top:6px; font-size:13px; line-height:1.5; color:var(--muted-text,#7A756E); }
.community-link-chevron { display:block; flex:0 0 18px; width:18px; height:18px; color:var(--muted-text,#7A756E); transition:transform .2s,color .2s; }
@media(hover:hover) {
  .community-link:hover { background:var(--surface,#FFFFFF); border-color:var(--gold,#A08560); box-shadow:0 0 28px rgba(196,162,101,.3),0 5px 16px rgba(26,24,22,.06); transform:translateY(-1px); }
  .community-link:hover .community-link-chevron { color:var(--gold,#A08560); transform:translateX(2px); }
}
.community-link:active { transform:translateY(0); background:var(--surface-hover,#F7F4F0); }
.community-link:focus-visible { outline:2px solid #A08560; outline-offset:4px; }
@media(max-width:380px) {
  .community-link { gap:12px; padding:23px 16px; }
  .community-link strong { font-size:16px; }
  .community-link small { font-size:12px; }
}
@media(prefers-reduced-motion:reduce) {
  .community-link,.community-link-chevron { transition:none; transform:none!important; }
}