.floating-whatsapp{--mp-floating-whatsapp-button-bg-color: #25d366;--mp-floating-whatsapp-button-inline-size: var(--mp-scroll-to-top-arrow-size, 3rem);--mp-floating-whatsapp-header-bg-color: #128c7e;--mp-floating-whatsapp-inset-block-end: var( --mp-scroll-to-top-arrow-bottom, var(--mp-spacer) );--mp-floating-whatsapp-inset-inline: var( --mp-scroll-to-top-arrow-right, var(--mp-spacer) );--mp-floating-whatsapp-popup-inline-size: 320px;--mp-floating-whatsapp-z-index: 1030;font-size:var(--mp-font-size-small);inset-block-end:var(--mp-floating-whatsapp-inset-block-end);inset-inline-start:var(--mp-floating-whatsapp-inset-inline);position:fixed;z-index:var(--mp-floating-whatsapp-z-index)}.floating-whatsapp--right{inset-inline-end:var(--mp-floating-whatsapp-inset-inline);inset-inline-start:auto}.floating-whatsapp__button{align-items:center;appearance:none;background-color:var(--mp-floating-whatsapp-button-bg-color);block-size:var(--mp-floating-whatsapp-button-inline-size);border:0;border-radius:var( --mp-scroll-to-top-arrow-border-radius, var(--mp-border-radius-pill) );box-shadow:none;color:var(--mp-color-white);cursor:pointer;display:flex;font:inherit;inline-size:var(--mp-floating-whatsapp-button-inline-size);justify-content:center;padding:0;.icon{--mp-icon-size: var(--mp-scroll-to-top-arrow-icon-size, 2rem)}&:focus-visible{outline:2px solid var(--mp-body-bg-color);outline-offset:2px}}.scroll-to-top-arrow--offset-whatsapp{inset-block-end:calc(var(--mp-scroll-to-top-arrow-bottom, var(--mp-spacer)) + var(--mp-scroll-to-top-arrow-size, 3rem) + var(--mp-scroll-to-top-arrow-bottom, var(--mp-spacer)) / 2)}.floating-whatsapp__popup{background-color:#f5f7f6;border:1px solid rgb(0 0 0 / 8%);border-radius:.875rem;box-shadow:0 .75rem 2rem #0000002e;display:none;inline-size:min(var(--mp-floating-whatsapp-popup-inline-size),calc(100vw - var(--mp-floating-whatsapp-inset-inline) * 2));inset-block-end:calc(var(--mp-floating-whatsapp-button-inline-size) + 1rem);inset-inline-start:0;overflow:hidden;position:absolute;.floating-whatsapp--right &{inset-inline-end:0;inset-inline-start:auto}.floating-whatsapp--open &{display:block}}.floating-whatsapp__header{align-items:center;background-color:var(--mp-floating-whatsapp-header-bg-color);color:var(--mp-color-white);display:flex;font-size:1rem;font-weight:var(--mp-font-weight-bold);gap:.75rem;justify-content:space-between;line-height:1.25;min-block-size:3rem;padding-block:.75rem;padding-inline:1rem}.floating-whatsapp__close,.floating-whatsapp__send{align-items:center;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-flex;justify-content:center;padding:0}.floating-whatsapp__close{block-size:2rem;border-radius:50%;inline-size:2rem;&:hover,&:focus-visible{background-color:#ffffff26}.icon{--mp-icon-size: var(--mp-icon-size-md)}}.floating-whatsapp__greeting{background-color:var(--mp-color-white);border:1px solid rgb(0 0 0 / 7%);border-radius:.75rem;box-shadow:0 .125rem .375rem #0000000f;line-height:1.45;margin:1rem 1rem .75rem;padding:.75rem 1rem}.floating-whatsapp__composer{align-items:end;display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr) 2.625rem;padding:0 1rem 1rem;.floating-whatsapp__header+&{padding-block-start:1rem}}.floating-whatsapp__message{background-color:var(--mp-color-white);border:var(--mp-input-border-width) solid var(--mp-input-border-color);border-radius:.75rem;box-shadow:none;font:inherit;inline-size:100%;line-height:1.45;max-inline-size:100%;min-block-size:6rem;padding:.75rem;resize:none;&:focus{border-color:var(--mp-color-accent);outline:2px solid color-mix(in srgb,var(--mp-color-accent) 20%,transparent);outline-offset:0}}.floating-whatsapp__send{background-color:var(--mp-floating-whatsapp-button-bg-color);block-size:2.625rem;border-radius:50%;color:var(--mp-color-white);flex-shrink:0;inline-size:2.625rem;&:focus-visible{outline:2px solid var(--mp-body-color);outline-offset:2px}.icon{--mp-icon-size: var(--mp-icon-size-md)}}