/* v36: Terms & Conditions desktop CTA only. Fix the WhatsApp icon/label overflow.
   The 304-unit Figma control was getting a fixed 32px icon plus Poppins fallback
   label (wider than the original font), so both protruded outside its border.
   Scope to this page and this button; leave other pages/buttons untouched. */
@media (min-width: 901px) {
  body.page-terms-and-conditions .legal-cta .legal-desktop-actions .button.whatsapp {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 calc(304 * var(--figma-unit)) !important;
    width: calc(304 * var(--figma-unit)) !important;
    min-width: 0 !important;
    max-width: none !important;
    gap: calc(8 * var(--figma-unit)) !important;
    padding: 0 calc(12 * var(--figma-unit)) !important;
    font-size: calc(17 * var(--figma-unit)) !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }
  body.page-terms-and-conditions .legal-cta .legal-desktop-actions .button.whatsapp .cta-action-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: static !important;
    flex: 0 0 calc(32 * var(--figma-unit)) !important;
    width: calc(32 * var(--figma-unit)) !important;
    height: calc(32 * var(--figma-unit)) !important;
    line-height: 0 !important;
  }
  body.page-terms-and-conditions .legal-cta .legal-desktop-actions .button.whatsapp .cta-action-icon .design-mask {
    display: block !important;
    position: static !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 1 / 1 !important;
    background-color: #fff !important;
    mask-size: contain !important;
    mask-repeat: no-repeat !important;
    mask-position: center !important;
  }
}