.contact-actions { display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .85rem; max-width: 100%; }
.hero-buttons .contact-actions, .ds-hero-actions .contact-actions { justify-content: flex-start; }
.whatsapp-button { display: inline-flex; align-items: center; justify-content: center; gap: .65rem; min-height: 3.35rem; max-width: 100%; padding: .9rem 1.4rem; border: 1px solid var(--green600); border-radius: 50px; background: var(--theme-section-bg, #001d12); color: var(--theme-on-section, #f2f9f8); font: 700 1rem/1.2 'Manrope', sans-serif; text-decoration: none; }
.whatsapp-button svg { width: 1.2em; height: 1.2em; fill: currentColor; flex-shrink: 0; }
.whatsapp-button:hover { background: var(--green500); color: #010009; }
.whatsapp-button:focus-visible { outline: 3px solid var(--yellow500); outline-offset: 4px; }
.contact-actions:has(.google-calendar-button--full), .contact-actions:has(.google-calendar-button--full) > .whatsapp-button { width: 100%; }
@media (max-width: 480px) { .contact-actions { display: flex; width: 100%; } .contact-actions > *, .contact-actions .google-calendar-button > a { width: 100%; } }