22

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

.e-contact-buttons-var-9{--e-contact-buttons-size-small:48px;--e-contact-buttons-size-medium:56px;--e-contact-buttons-size-large:64px;--e-contact-buttons-svg-size-small:24px;--e-contact-buttons-svg-size-medium:28px;--e-contact-buttons-svg-size-large:32px;--e-contact-buttons-transition-duration:.3s;--e-contact-buttons-transition:all var(--e-contact-buttons-transition-duration);--e-contact-buttons-overlap-margin:-10px;--e-contact-buttons-chat-button-padding-block-end:8px;--e-contact-buttons-chat-button-padding-block-start:8px;--e-contact-buttons-chat-button-padding-inline-end:16px;--e-contact-buttons-chat-button-padding-inline-start:16px;width:auto}.e-contact-buttons-var-9 .e-contact-buttons__chat-button-icon-container{align-items:center;background-color:var(--e-contact-buttons-button-bg);border-radius:50%;display:flex;justify-content:center;position:relative;transition:var(--e-contact-buttons-transition);z-index:1}.e-contact-buttons-var-9 .e-contact-buttons__chat-button-icon-container svg{position:relative;z-index:2}.e-contact-buttons-var-9 .e-contact-buttons__chat-button-text{background-color:var(--e-contact-buttons-button-bg);color:var(--e-contact-buttons-button-icon);font-size:16px;font-weight:500;line-height:24px;padding-block-end:var(--e-contact-buttons-chat-button-padding-block-end);padding-block-start:var(--e-contact-buttons-chat-button-padding-block-start);padding-inline-end:var(--e-contact-buttons-chat-button-padding-inline-end);padding-inline-start:var(--e-contact-buttons-chat-button-padding-inline-start);position:relative;transition:var(--e-contact-buttons-transition)}.e-contact-buttons-var-9 .e-contact-buttons__chat-button{background-color:transparent;border-radius:0;color:var(--e-contact-buttons-button-icon);height:auto;width:auto}.e-contact-buttons-var-9 .e-contact-buttons__chat-button:focus,.e-contact-buttons-var-9 .e-contact-buttons__chat-button:hover{color:var(--e-contact-buttons-button-icon)}.e-contact-buttons-var-9 .e-contact-buttons__chat-button:focus svg,.e-contact-buttons-var-9 .e-contact-buttons__chat-button:hover svg{fill:var(--e-contact-buttons-button-icon)}.e-contact-buttons-var-9 .e-contact-buttons__chat-button:focus .e-contact-buttons__chat-button-icon-container,.e-contact-buttons-var-9 .e-contact-buttons__chat-button:focus .e-contact-buttons__chat-button-text,.e-contact-buttons-var-9 .e-contact-buttons__chat-button:focus .e-contact-buttons__chat-button-text:before,.e-contact-buttons-var-9 .e-contact-buttons__chat-button:hover .e-contact-buttons__chat-button-icon-container,.e-contact-buttons-var-9 .e-contact-buttons__chat-button:hover .e-contact-buttons__chat-button-text,.e-contact-buttons-var-9 .e-contact-buttons__chat-button:hover .e-contact-buttons__chat-button-text:before{background-color:var(--e-contact-buttons-button-bg);color:var(--e-contact-buttons-button-icon);transition:var(--e-contact-buttons-transition)}.e-contact-buttons-var-9 .e-contact-buttons__chat-button.has-size-small .e-contact-buttons__chat-button-icon-container{height:var(--e-contact-buttons-size-small);width:var(--e-contact-buttons-size-small)}.e-contact-buttons-var-9 .e-contact-buttons__chat-button.has-size-small .e-contact-buttons__chat-button-icon-container svg{height:var(--e-contact-buttons-svg-size-small);width:var(--e-contact-buttons-svg-size-small)}.e-contact-buttons-var-9 .e-contact-buttons__chat-button.has-size-small .e-contact-buttons__chat-button-icon-container i{font-size:var(--e-contact-buttons-svg-size-small)}.e-contact-buttons-var-9 .e-contact-buttons__chat-button.has-size-medium .e-contact-buttons__chat-button-icon-container{height:var(--e-contact-buttons-size-medium);width:var(--e-contact-buttons-size-medium)}.e-contact-buttons-var-9 .e-contact-buttons__chat-button.has-size-medium .e-contact-buttons__chat-button-icon-container svg{height:var(--e-contact-buttons-svg-size-medium);width:var(--e-contact-buttons-svg-size-medium)}.e-contact-buttons-var-9 .e-contact-buttons__chat-button.has-size-medium .e-contact-buttons__chat-button-icon-container i{font-size:var(--e-contact-buttons-svg-size-medium)}.e-contact-buttons-var-9 .e-contact-buttons__chat-button.has-size-large .e-contact-buttons__chat-button-icon-container{height:var(--e-contact-buttons-size-large);width:var(--e-contact-buttons-size-large)}.e-contact-buttons-var-9 .e-contact-buttons__chat-button.has-size-large .e-contact-buttons__chat-button-icon-container svg{height:var(--e-contact-buttons-svg-size-large);width:var(--e-contact-buttons-svg-size-large)}.e-contact-buttons-var-9 .e-contact-buttons__chat-button.has-size-large .e-contact-buttons__chat-button-icon-container i{font-size:var(--e-contact-buttons-svg-size-large)}.e-contact-buttons-var-9.has-h-alignment-end .e-contact-buttons__chat-button-container{padding-inline-end:0}@media (min-width:1367px){.e-contact-buttons-var-9.has-h-alignment-end .e-contact-buttons__chat-button-icon-container{position:absolute;inset-inline-end:-5px;transition:var(--e-contact-buttons-transition)}}.e-contact-buttons-var-9.has-h-alignment-end .e-contact-buttons__chat-button-text{border-start-start-radius:0;border-end-start-radius:0;border-start-end-radius:50px;border-end-end-radius:50px;margin-inline-start:var(--e-contact-buttons-overlap-margin)}@media (min-width:1367px){.e-contact-buttons-var-9.has-h-alignment-end .e-contact-buttons__chat-button-text{-webkit-clip-path:inset(0 0 0 100%);clip-path:inset(0 0 0 100%)}}@media (min-width:1367px){.e-contact-buttons-var-9.has-h-alignment-end .e-contact-buttons__chat-button:focus .e-contact-buttons__chat-button-text,.e-contact-buttons-var-9.has-h-alignment-end .e-contact-buttons__chat-button:hover .e-contact-buttons__chat-button-text{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);transition:var(--e-contact-buttons-transition)}.e-contact-buttons-var-9.has-h-alignment-end .e-contact-buttons__chat-button:focus .e-contact-buttons__chat-button-icon-container,.e-contact-buttons-var-9.has-h-alignment-end .e-contact-buttons__chat-button:hover .e-contact-buttons__chat-button-icon-container{inset-inline-end:100%;transition:var(--e-contact-buttons-transition)}}.e-contact-buttons-var-9.has-h-alignment-start .e-contact-buttons__chat-button-container{padding-inline-start:0}.e-contact-buttons-var-9.has-h-alignment-start .e-contact-buttons__chat-button-icon-container{order:2}@media (min-width:1367px){.e-contact-buttons-var-9.has-h-alignment-start .e-contact-buttons__chat-button-icon-container{position:absolute;inset-inline-start:-5px;transition:var(--e-contact-buttons-transition)}}.e-contact-buttons-var-9.has-h-alignment-start .e-contact-buttons__chat-button-text{border-start-start-radius:50px;border-end-start-radius:50px;border-start-end-radius:0;border-end-end-radius:0;margin-inline-end:var(--e-contact-buttons-overlap-margin);order:1}@media (min-width:1367px){.e-contact-buttons-var-9.has-h-alignment-start .e-contact-buttons__chat-button-text{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);transition:var(--e-contact-buttons-transition)}}@media (min-width:1367px){.e-contact-buttons-var-9.has-h-alignment-start .e-contact-buttons__chat-button:focus .e-contact-buttons__chat-button-text,.e-contact-buttons-var-9.has-h-alignment-start .e-contact-buttons__chat-button:hover .e-contact-buttons__chat-button-text{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);transition:var(--e-contact-buttons-transition)}.e-contact-buttons-var-9.has-h-alignment-start .e-contact-buttons__chat-button:focus .e-contact-buttons__chat-button-icon-container,.e-contact-buttons-var-9.has-h-alignment-start .e-contact-buttons__chat-button:hover .e-contact-buttons__chat-button-icon-container{inset-inline-start:100%;transition:var(--e-contact-buttons-transition)}}@media (min-width:1367px){.e-contact-buttons-var-9.has-h-alignment-center .e-contact-buttons__chat-button-icon-container{order:2;position:absolute;inset-inline-start:50%;transform:translateX(-50%)}}.e-contact-buttons-var-9.has-h-alignment-center .e-contact-buttons__chat-button-text{border-start-start-radius:0;border-end-start-radius:0;border-start-end-radius:50px;border-end-end-radius:50px;margin-inline-start:var(--e-contact-buttons-overlap-margin)}@media (min-width:1367px){.e-contact-buttons-var-9.has-h-alignment-center .e-contact-buttons__chat-button-text{inset-inline-end:50%;order:1;-webkit-clip-path:inset(0 0 0 100%);clip-path:inset(0 0 0 100%)}}@media (min-width:1367px){.e-contact-buttons-var-9.has-h-alignment-center .e-contact-buttons__chat-button:focus .e-contact-buttons__chat-button-text,.e-contact-buttons-var-9.has-h-alignment-center .e-contact-buttons__chat-button:hover .e-contact-buttons__chat-button-text{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);transition:var(--e-contact-buttons-transition)}.e-contact-buttons-var-9.has-h-alignment-center .e-contact-buttons__chat-button:focus .e-contact-buttons__chat-button-icon-container,.e-contact-buttons-var-9.has-h-alignment-center .e-contact-buttons__chat-button:hover .e-contact-buttons__chat-button-icon-container{inset-inline-start:-100%;transform:unset;transition:var(--e-contact-buttons-transition)}}.e-contact-buttons-var-9.has-h-alignment-center .e-contact-buttons__chat-button.has-size-small:focus .e-contact-buttons__chat-button-icon-container,.e-contact-buttons-var-9.has-h-alignment-center .e-contact-buttons__chat-button.has-size-small:hover .e-contact-buttons__chat-button-icon-container{inset-inline-start:calc(-100% + 10px)}.e-contact-buttons-var-9.has-h-alignment-center .e-contact-buttons__chat-button.has-size-large:focus .e-contact-buttons__chat-button-icon-container,.e-contact-buttons-var-9.has-h-alignment-center .e-contact-buttons__chat-button.has-size-large:hover .e-contact-buttons__chat-button-icon-container{inset-inline-start:calc(-100% - 5px)}

MR SKB