22

✏️ Editing: custom-widget-contact-buttons-base-rtl.min.css

.e-contact-buttons{--e-contact-buttons-chat-box-width:360px;--e-contact-buttons-size-small:55px;--e-contact-buttons-size-medium:65px;--e-contact-buttons-size-large:75px;--e-contact-buttons-svg-size-small:32px;--e-contact-buttons-svg-size-medium:38px;--e-contact-buttons-svg-size-large:42px;--e-contact-buttons-profile-image-size-small:65px;--e-contact-buttons-profile-image-size-medium:75px;--e-contact-buttons-profile-image-size-large:85px;--e-contact-buttons-dot:red;--e-contact-buttons-dot-size:16px;--e-contact-buttons-profile-dot-bg:#39aa59;--e-contact-buttons-border-radius:20px;--e-contact-button-chat-button-animation-delay:0;--e-contact-buttons-icon-size-small:45px;--e-contact-buttons-icon-size-medium:50px;--e-contact-buttons-icon-size-large:55px;--e-contact-buttons-contact-gap:15px;--e-contact-buttons-horizontal-offset:25px;--e-contact-buttons-vertical-offset:25px;--e-contact-buttons-box-shadow:4px 4px 10px 0px rgba(0,0,0,0.15);--e-contact-buttons-drop-shadow:drop-shadow(4px 4px 10px rgba(0,0,0,0.15));--e-contact-buttons-button-bg:#467ff7;--e-contact-buttons-button-bg-hover:#1c2448;--e-contact-buttons-button-icon:#fff;--e-contact-buttons-button-icon-hover:#fff;--e-contact-buttons-top-bar-bg:#1c2448;--e-contact-buttons-top-bar-title:#fff;--e-contact-buttons-top-bar-subtitle:#fff;--e-contact-buttons-close-button-color:#fff;--e-contact-buttons-active-button-bg:#fff;--e-contact-buttons-message-bubble-name:#000;--e-contact-buttons-message-bubble-body:#000;--e-contact-buttons-message-bubble-time:#000;--e-contact-buttons-message-bubble-bubble-bg:#fff;--e-contact-buttons-message-bubble-chat-bg:#c8d5dc;--e-contact-buttons-send-button-icon:#fff;--e-contact-buttons-send-button-bg:#467ff7;--e-contact-buttons-send-button-icon-hover:#fff;--e-contact-buttons-send-button-bg-hover:#1c2448;--e-contact-buttons-chat-box-bg:#fff;--e-contact-buttons-contact-button-icon:#fff;--e-contact-buttons-contact-button-icon-hover:#fff;--e-contact-buttons-contact-button-bg:#467ff7;--e-contact-buttons-contact-button-bg-hover:#1c2448;--e-contact-buttons-tooltip-text:#1c2448;--e-contact-buttons-tooltip-bg:#fff;--e-contact-buttons-contact-title-text-color:#1c2448;--e-contact-buttons-contact-description-text-color:#1c2448;display:flex;flex-direction:column;gap:20px;pointer-events:none;position:fixed;width:var(--e-contact-buttons-chat-box-width);z-index:10000}@media (max-width:767px){.e-contact-buttons{inset-inline-end:0;width:90vw}}.e-contact-buttons.has-h-alignment-start{justify-content:flex-start;inset-inline-start:var(--e-contact-buttons-horizontal-offset)}@media (max-width:767px){.e-contact-buttons.has-h-alignment-start{inset-inline-start:0}}.e-contact-buttons.has-h-alignment-start .e-contact-buttons__chat-button-container{justify-content:flex-start;padding-inline-start:20px;padding-inline-end:0}@media (max-width:767px){.e-contact-buttons.has-h-alignment-start .e-contact-buttons__chat-button-container{inset-inline-end:unset;inset-inline-start:var(--e-contact-buttons-horizontal-offset)}}.e-contact-buttons.has-h-alignment-end{align-items:flex-end;justify-content:flex-end;inset-inline-end:var(--e-contact-buttons-horizontal-offset)}.e-contact-buttons.has-h-alignment-end .e-contact-buttons__chat-button-container{justify-content:flex-end;inset-inline-end:var(--e-contact-buttons-horizontal-offset);padding-inline-end:20px}@media (max-width:767px){.e-contact-buttons.has-h-alignment-end .e-contact-buttons__chat-button-container{inset-inline-end:unset}}.e-contact-buttons.has-h-alignment-center{inset-inline-start:50%;justify-content:center;transform:translateX(-50%)}.e-contact-buttons.has-h-alignment-center .e-contact-buttons__chat-button-container{justify-content:center;padding-inline:0}.e-contact-buttons.has-h-alignment-center .e-contact-buttons__content-wrapper{inset-inline-end:calc(var(--e-contact-buttons-chat-box-width) / 2 - 40px);position:relative}.e-contact-buttons.has-v-alignment-top{top:var(--e-contact-buttons-vertical-offset)}.e-contact-buttons.has-v-alignment-top .e-contact-buttons__content-wrapper{order:2}.e-contact-buttons.has-v-alignment-top .e-contact-buttons__chat-button-container{order:1}.e-contact-buttons.has-v-alignment-middle{align-items:center;flex-direction:row;top:50%;transform:translateY(-50%)}.e-contact-buttons.has-v-alignment-middle .e-contact-buttons__chat-button-container{padding-inline:0}.e-contact-buttons.has-v-alignment-middle.has-h-alignment-start .e-contact-buttons__content-wrapper{order:2}.e-contact-buttons.has-v-alignment-middle.has-h-alignment-start .e-contact-buttons__chat-button-container{order:1;padding-inline:0}.e-contact-buttons.has-h-alignment-center.has-v-alignment-middle{flex-direction:column;transform:translate(-50%,-50%)}.e-contact-buttons.has-v-alignment-bottom{bottom:var(--e-contact-buttons-vertical-offset)}.e-contact-buttons.has-platform-whatsapp{--e-contact-buttons-button-bg:#25d366;--e-contact-buttons-button-bg-hover:#075e54;--e-contact-buttons-button-icon:#fff;--e-contact-buttons-button-icon-hover:#fff;--e-contact-buttons-top-bar-bg:#075e54;--e-contact-buttons-top-bar-title:#fff;--e-contact-buttons-top-bar-subtitle:#fff;--e-contact-buttons-close-button-color:#fff;--e-contact-buttons-message-bubble-body:#000;--e-contact-buttons-message-bubble-time:#000;--e-contact-buttons-message-bubble-name:#000;--e-contact-buttons-message-bubble-bubble-bg:#fff;--e-contact-buttons-message-bubble-chat-bg:#ece5dd;--e-contact-buttons-send-button-icon:#fff;--e-contact-buttons-send-button-bg:#25d366;--e-contact-buttons-send-button-icon-hover:#fff;--e-contact-buttons-send-button-bg-hover:#075e54;--e-contact-buttons-chat-box-bg:#fff}.e-contact-buttons.has-platform-skype{--e-contact-buttons-button-bg:#00aff0;--e-contact-buttons-button-bg-hover:#0d72cf;--e-contact-buttons-button-icon:#fff;--e-contact-buttons-button-icon-hover:#fff;--e-contact-buttons-top-bar-bg:#0d72cf;--e-contact-buttons-top-bar-title:#fff;--e-contact-buttons-top-bar-subtitle:#fff;--e-contact-buttons-close-button-color:#fff;--e-contact-buttons-message-bubble-body:#000;--e-contact-buttons-message-bubble-time:#000;--e-contact-buttons-message-bubble-name:#000;--e-contact-buttons-message-bubble-bubble-bg:#fff;--e-contact-buttons-message-bubble-chat-bg:#cdf7ff;--e-contact-buttons-send-button-icon:#fff;--e-contact-buttons-send-button-bg:#00aff0;--e-contact-buttons-send-button-icon-hover:#fff;--e-contact-buttons-send-button-bg-hover:#0d72cf;--e-contact-buttons-chat-box-bg:#fff}.e-contact-buttons.has-platform-messenger{--e-contact-buttons-button-bg:#168aff;--e-contact-buttons-button-bg-hover:#168aff;--e-contact-buttons-button-icon:#fff;--e-contact-buttons-button-icon-hover:#fff;--e-contact-buttons-top-bar-bg:#168aff;--e-contact-buttons-top-bar-title:#fff;--e-contact-buttons-top-bar-subtitle:#fff;--e-contact-buttons-close-button-color:#fff;--e-contact-buttons-message-bubble-body:#000;--e-contact-buttons-message-bubble-time:#000;--e-contact-buttons-message-bubble-name:#000;--e-contact-buttons-message-bubble-bubble-bg:#fff;--e-contact-buttons-message-bubble-chat-bg:#f0f0f0;--e-contact-buttons-send-button-icon:#fff;--e-contact-buttons-send-button-bg:#168aff;--e-contact-buttons-send-button-icon-hover:#fff;--e-contact-buttons-send-button-bg-hover:#168aff;--e-contact-buttons-chat-box-bg:#fff}.e-contact-buttons.has-platform-viber{--e-contact-buttons-button-bg:#7360f2;--e-contact-buttons-button-bg-hover:#4e4879;--e-contact-buttons-button-icon:#fff;--e-contact-buttons-button-icon-hover:#fff;--e-contact-buttons-top-bar-bg:#4e4879;--e-contact-buttons-top-bar-title:#fff;--e-contact-buttons-top-bar-subtitle:#fff;--e-contact-buttons-close-button-color:#fff;--e-contact-buttons-message-bubble-body:#000;--e-contact-buttons-message-bubble-time:#000;--e-contact-buttons-message-bubble-name:#000;--e-contact-buttons-message-bubble-bubble-bg:#fff;--e-contact-buttons-message-bubble-chat-bg:#e5e1ff;--e-contact-buttons-send-button-icon:#fff;--e-contact-buttons-send-button-bg:#7360f2;--e-contact-buttons-send-button-icon-hover:#fff;--e-contact-buttons-send-button-bg-hover:#4e4879;--e-contact-buttons-chat-box-bg:#fff}.e-contact-buttons.has-platform-waze{--e-contact-buttons-button-bg:#3cf;--e-contact-buttons-button-bg-hover:#09f;--e-contact-buttons-button-icon:#fff;--e-contact-buttons-button-icon-hover:#fff;--e-contact-buttons-top-bar-bg:#09f;--e-contact-buttons-top-bar-title:#fff;--e-contact-buttons-top-bar-subtitle:#fff;--e-contact-buttons-close-button-color:#fff;--e-contact-buttons-message-bubble-body:#000;--e-contact-buttons-message-bubble-time:#000;--e-contact-buttons-message-bubble-name:#000;--e-contact-buttons-message-bubble-bubble-bg:#fff;--e-contact-buttons-message-bubble-chat-bg:#ece5dd;--e-contact-buttons-send-button-icon:#fff;--e-contact-buttons-send-button-bg:#3cf;--e-contact-buttons-send-button-icon-hover:#fff;--e-contact-buttons-send-button-bg-hover:#09f;--e-contact-buttons-chat-box-bg:#fff}.e-contact-buttons.has-corners-rounded{--e-contact-buttons-border-radius:20px}.e-contact-buttons.has-corners-round{--e-contact-buttons-border-radius:50px}.e-contact-buttons.has-corners-sharp{--e-contact-buttons-border-radius:0}.e-contact-buttons:not(.has-animations) .e-contact-buttons__content-wrapper.hidden{display:none}.e-contact-buttons.has-animations .e-contact-buttons__content-wrapper.hidden{display:block;visibility:hidden;transition:1s}.e-contact-buttons.has-animations .e-contact-buttons__content-wrapper.animated-wrapper{visibility:hidden;opacity:0;transform:none;animation:e-contact-buttons-close 1s}.e-contact-buttons__chat-button-shadow,.e-contact-buttons__contact-box-shadow,.e-contact-buttons__contact-box-shadow:is(a),.e-contact-buttons__content{box-shadow:var(--e-contact-buttons-box-shadow)}.e-contact-buttons__chat-button-drop-shadow{filter:var(--e-contact-buttons-drop-shadow)}.e-contact-buttons__content{border-radius:var(--e-contact-buttons-border-radius);font-family:var(--e-global-typography-text-font-family,"Poppins"),Sans-serif;overflow:hidden}.e-contact-buttons__top-bar{align-items:center;background-color:var(--e-contact-buttons-top-bar-bg);display:flex;gap:20px;padding:20px;position:relative}.e-contact-buttons__top-bar-title{color:var(--e-contact-buttons-top-bar-title);font-size:24px;font-weight:700;margin-block-end:0}.e-contact-buttons__top-bar-subtitle{color:var(--e-contact-buttons-top-bar-subtitle);font-size:20px;margin-block-end:0}.e-contact-buttons__profile-image{align-items:center;display:flex;position:relative}.e-contact-buttons__profile-image img{border-radius:50%;-o-object-fit:cover;object-fit:cover}.e-contact-buttons__profile-image.has-size-small img{height:var(--e-contact-buttons-profile-image-size-small);width:var(--e-contact-buttons-profile-image-size-small)}.e-contact-buttons__profile-image.has-size-medium img{height:var(--e-contact-buttons-profile-image-size-medium);width:var(--e-contact-buttons-profile-image-size-medium)}.e-contact-buttons__profile-image.has-size-large img{height:var(--e-contact-buttons-profile-image-size-large);width:var(--e-contact-buttons-profile-image-size-large)}.e-contact-buttons__profile-image.has-dot:after{background-color:var(--e-contact-buttons-profile-dot-bg);border:3px solid var(--e-contact-buttons-top-bar-bg);border-radius:50%;bottom:5px;content:"";height:20px;position:absolute;right:0;width:20px}.e-contact-buttons__close-button,.e-contact-buttons__close-button[type=button]{background:none;border:0;color:var(--e-contact-buttons-close-button-color);padding:0;position:absolute;inset-inline-end:20px;top:20px}.e-contact-buttons__close-button:focus,.e-contact-buttons__close-button:hover,.e-contact-buttons__close-button[type=button]:focus,.e-contact-buttons__close-button[type=button]:hover{background:none;border:0;color:var(--e-contact-buttons-close-button-color)}.e-contact-buttons__chat-button-container,.e-contact-buttons__contact-icon-link,.e-contact-buttons__content-wrapper{pointer-events:auto}.e-contact-buttons__chat-button-container{display:flex;max-width:-moz-max-content;max-width:max-content}@media (max-width:767px){.e-contact-buttons__chat-button-container{position:relative}}.e-contact-buttons__chat-button,.e-contact-buttons__chat-button[type=button]{align-items:center;background-color:var(--e-contact-buttons-button-bg);border-radius:50%;border:0;color:var(--e-contact-buttons-button-icon);display:flex;justify-content:center;padding:0;position:relative;transition:all .3s}.e-contact-buttons__chat-button[type=button] svg,.e-contact-buttons__chat-button svg{fill:var(--e-contact-buttons-button-icon)}.e-contact-buttons__chat-button:focus,.e-contact-buttons__chat-button:hover,.e-contact-buttons__chat-button[type=button]:focus,.e-contact-buttons__chat-button[type=button]:hover{background-color:var(--e-contact-buttons-button-bg-hover);color:var(--e-contact-buttons-button-icon-hover);transition:all .3s}.e-contact-buttons__chat-button:focus svg,.e-contact-buttons__chat-button:hover svg,.e-contact-buttons__chat-button[type=button]:focus svg,.e-contact-buttons__chat-button[type=button]:hover svg{fill:var(--e-contact-buttons-button-icon-hover)}.e-contact-buttons__chat-button.has-dot:after,.e-contact-buttons__chat-button[type=button].has-dot:after{background-color:var(--e-contact-buttons-dot);border-radius:50%;content:"";height:var(--e-contact-buttons-dot-size);position:absolute;right:0;top:0;width:var(--e-contact-buttons-dot-size)}.e-contact-buttons__chat-button.has-size-small,.e-contact-buttons__chat-button[type=button].has-size-small{height:var(--e-contact-buttons-size-small);width:var(--e-contact-buttons-size-small)}.e-contact-buttons__chat-button.has-size-small svg,.e-contact-buttons__chat-button[type=button].has-size-small svg{height:var(--e-contact-buttons-svg-size-small);width:var(--e-contact-buttons-svg-size-small)}.e-contact-buttons__chat-button.has-size-small i,.e-contact-buttons__chat-button[type=button].has-size-small i{font-size:var(--e-contact-buttons-svg-size-small)}.e-contact-buttons__chat-button.has-size-medium,.e-contact-buttons__chat-button[type=button].has-size-medium{height:var(--e-contact-buttons-size-medium);width:var(--e-contact-buttons-size-medium)}.e-contact-buttons__chat-button.has-size-medium svg,.e-contact-buttons__chat-button[type=button].has-size-medium svg{height:var(--e-contact-buttons-svg-size-medium);width:var(--e-contact-buttons-svg-size-medium)}.e-contact-buttons__chat-button.has-size-medium i,.e-contact-buttons__chat-button[type=button].has-size-medium i{font-size:var(--e-contact-buttons-svg-size-medium)}.e-contact-buttons__chat-button.has-size-large,.e-contact-buttons__chat-button[type=button].has-size-large{height:var(--e-contact-buttons-size-large);width:var(--e-contact-buttons-size-large)}.e-contact-buttons__chat-button.has-size-large svg,.e-contact-buttons__chat-button[type=button].has-size-large svg{height:var(--e-contact-buttons-svg-size-large);width:var(--e-contact-buttons-svg-size-large)}.e-contact-buttons__chat-button.has-size-large i,.e-contact-buttons__chat-button[type=button].has-size-large i{font-size:var(--e-contact-buttons-svg-size-large)}.e-contact-buttons__chat-button.has-entrance-animation-delay,.e-contact-buttons__chat-button[type=button].has-entrance-animation-delay{animation-delay:var(--e-contact-button-chat-button-animation-delay)}.e-contact-buttons__chat-button.has-entrance-animation-duration-slow,.e-contact-buttons__chat-button[type=button].has-entrance-animation-duration-slow{animation-duration:2s}.e-contact-buttons__chat-button.has-entrance-animation-duration-normal,.e-contact-buttons__chat-button[type=button].has-entrance-animation-duration-normal{animation-duration:1s}.e-contact-buttons__chat-button.has-entrance-animation-duration-fast,.e-contact-buttons__chat-button[type=button].has-entrance-animation-duration-fast{animation-duration:.8s}.e-contact-buttons__chat-button.has-entrance-animation,.e-contact-buttons__chat-button[type=button].has-entrance-animation{opacity:0}.e-contact-buttons__chat-button.visible,.e-contact-buttons__chat-button[type=button].visible{opacity:1}.e-contact-buttons__message-bubble{background-color:var(--e-contact-buttons-message-bubble-chat-bg);padding:25px 20px;padding-inline-start:40px}.e-contact-buttons__message-bubble.has-typing-animation .e-contact-buttons__bubble-container{height:0;opacity:0;visibility:hidden}.e-contact-buttons__bubble{background-color:var(--e-contact-buttons-message-bubble-bubble-bg);border-radius:15px;padding:20px;position:relative}.e-contact-buttons__bubble:after{border-style:solid;border-inline-start-width:0;border-inline-end-width:40px;border-block-start-width:0;border-block-end-width:40px;border-inline-start-color:transparent;border-inline-end-color:var(--e-contact-buttons-message-bubble-bubble-bg);border-block-start-color:transparent;border-block-end-color:transparent;content:"";height:0;position:absolute;inset-inline-start:-20px;top:0;width:0}.e-contact-buttons__message-bubble-name{color:var(--e-contact-buttons-message-bubble-name);font-size:20px;line-height:25px;font-weight:600;margin-block-end:8px}.e-contact-buttons__message-bubble-body{color:var(--e-contact-buttons-message-bubble-body);font-size:20px;line-height:25px;margin-block-end:8px}.e-contact-buttons__message-bubble-time{color:var(--e-contact-buttons-message-bubble-time);font-size:20px;line-height:25px;font-weight:600;margin-block-end:0;text-align:end}.e-contact-buttons__powered-container{text-align:center}.e-contact-buttons__powered-text{color:#000;font-size:16px;font-weight:500;margin-block-end:12px}.e-contact-buttons__dots-container{background-color:var(--e-contact-buttons-message-bubble-bubble-bg);border-radius:15px;display:inline-flex;padding:10px 12px}.e-contact-buttons__dot{animation:e-contact-buttons-typing-jump 1s infinite;background-color:var(--e-contact-buttons-message-bubble-name);border-radius:50%;display:inline-block;height:7px;margin-left:auto;margin-right:3px;position:relative;width:7px}.e-contact-buttons__dot-1{animation-delay:.2s}.e-contact-buttons__dot-2{animation-delay:.4s}.e-contact-buttons__dot-3{animation-delay:.6s}.e-contact-buttons__send-button{background-color:var(--e-contact-buttons-chat-box-bg);padding:12px 20px 20px}.e-contact-buttons__send-button .e-contact-buttons__send-cta{color:var(--e-contact-buttons-send-button-icon)}.e-contact-buttons__send-button .e-contact-buttons__send-cta:focus,.e-contact-buttons__send-button .e-contact-buttons__send-cta:hover{color:var(--e-contact-buttons-send-button-icon-hover)}.e-contact-buttons__send-cta{align-items:center;background-color:var(--e-contact-buttons-send-button-bg);border-radius:30px;display:flex;font-size:18px;font-weight:500;gap:8px;justify-content:center;padding:10px;text-align:center;transition:all .3s;width:100%}.e-contact-buttons__send-cta svg{fill:var(--e-contact-buttons-send-button-icon);height:28px;width:28px}.e-contact-buttons__send-cta:focus,.e-contact-buttons__send-cta:hover{background-color:var(--e-contact-buttons-send-button-bg-hover);transition:all .3s}.e-contact-buttons__send-cta:focus svg,.e-contact-buttons__send-cta:hover svg{fill:var(--e-contact-buttons-send-button-icon-hover)}.e-contact-buttons__content.visible .e-contact-buttons__message-bubble.has-typing-animation .e-contact-buttons__dots-container{animation-delay:0;animation-duration:2s;animation-fill-mode:forwards;animation-iteration-count:1;animation-name:e-contact-buttons-disappear}.e-contact-buttons__content.visible .e-contact-buttons__message-bubble.has-typing-animation .e-contact-buttons__bubble-container{animation-delay:2s;animation-duration:.1s;animation-fill-mode:forwards;animation-iteration-count:1;animation-name:e-contact-buttons-appear}.e-con:has(.e-contact-buttons)>.e-con-inner,.e-con>.e-con-inner.e-con-inner--floating-buttons{padding-block-end:0;padding-block-start:0}@keyframes e-contact-buttons-typing-jump{0%{bottom:0}20%{bottom:5px}40%{bottom:0}}@keyframes e-contact-buttons-appear{0%{height:0;opacity:0;visibility:hidden}to{height:auto;opacity:1;visibility:visible}}@keyframes e-contact-buttons-disappear{0%{display:inline-flex}to{display:none}}@keyframes e-contact-buttons-close{0%,99.99%{visibility:visible;opacity:1}to{visibility:hidden;opacity:0;transform:none}}

MR SKB