.whatsapp-hero-intro { width: 100%; }
.whatsapp-hero-intro > p { max-width: 38ch; margin: 14px auto 0; color: var(--white); font-size: var(--text-body); line-height: 1.5; }
.whatsapp-group-card { display: flex; flex-direction: column; align-items: center; justify-content: space-evenly; gap: 16px; }
.whatsapp-group-card > h2 { margin: 0 8px; color: var(--headline); font-family: var(--font-display); font-size: 23px; line-height: 1.08; font-weight: var(--weight-bold); text-align: center; }
.whatsapp-group-panel { width: 100%; max-width: 520px; min-height: 144px; flex: 0 0 auto; padding: 14px; border-radius: 10px; background: var(--soft-green); display: grid; grid-template-columns: 32px minmax(0,1fr) 32px; align-items: center; gap: 12px; }
.whatsapp-femmes .whatsapp-group-panel { background: var(--whatsapp-femmes-soft); }
.whatsapp-group-icon { display: block; width: 32px; height: 32px; color: var(--green); }
.whatsapp-femmes .whatsapp-group-icon { color: var(--whatsapp-femmes); }
.whatsapp-group-icon svg { display: block; width: 100%; height: 100%; }
.whatsapp-group-panel > p { max-width: 38ch; margin: 0; justify-self: center; color: var(--secondary); font-size: var(--text-body); line-height: 1.4; text-align: center; }
.whatsapp-join { position: relative; grid-column: 1 / -1; justify-self: center; width: 100%; max-width: 360px; min-height: 44px; border-radius: 10px; padding: 10px 42px; background: var(--green); color: var(--white); display: inline-flex; align-items: center; justify-content: center; text-align: center; font-size: var(--text-body); font-weight: var(--weight-medium); line-height: 1.3; text-decoration: none; }
.whatsapp-femmes .whatsapp-join { background: var(--whatsapp-femmes); }
.whatsapp-join svg { position: absolute; right: 16px; width: 18px; height: 18px; }
.whatsapp-join:focus-visible { outline: 2px solid var(--blue); outline-offset: 3px; }
.whatsapp-femmes .whatsapp-join:focus-visible { outline-color: var(--whatsapp-femmes); }