.elementor-7490 .elementor-element.elementor-element-3c286947{--display:flex;}.elementor-7490 .elementor-element.elementor-element-59ee47bb .e-contact-buttons__chat-button svg{order:2;}.elementor-7490 .elementor-element.elementor-element-59ee47bb .e-contact-buttons{--e-contact-buttons-chat-button-gap:0px;--e-contact-buttons-button-icon:#FFFFFF;--e-contact-buttons-button-bg:#3F3A3B;--e-contact-buttons-button-icon-hover:#FFFFFF;--e-contact-buttons-button-bg-hover:#615A5B;--e-contact-buttons-horizontal-offset:0px;--e-contact-buttons-vertical-offset:0px;}.elementor-7490 .elementor-element.elementor-element-59ee47bb .e-contact-buttons__chat-button{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:500;}@media(max-width:767px){.elementor-7490 .elementor-element.elementor-element-59ee47bb .e-contact-buttons__chat-button svg{order:-1;}.elementor-7490 .elementor-element.elementor-element-59ee47bb .e-contact-buttons{--e-contact-buttons-chat-button-gap:0px;}}/* Start custom CSS for contact-buttons-var-7, class: .elementor-element-59ee47bb *//* Alleen voor deze widget */
.elementor-7490 .elementor-element.elementor-element-59ee47bb{
  position:fixed; right:18px; bottom:18px; z-index:99999;
}

/* Ingeklapt alleen logo; uitklappen op hover */
.elementor-7490 .elementor-element.elementor-element-59ee47bb a{
  --h:90px; --bg:#2D2D2D; --bg-hover:#5A5A5A; --fg:#fff;
  --collapsed:90px; --expanded:300px;

  display:inline-flex; align-items:center; gap:10px;
  height:var(--h);
  padding:0 14px 0 90px;          /* left = hoogte; rechter padding vast */
  max-width:var(--collapsed);
  overflow:hidden; white-space:nowrap;

  border-radius:2px; background-color:var(--bg); color:transparent;
  text-decoration:none; font-weight:600; line-height:1;
  transition:background-color .15s, color .15s, max-width .25s ease;

  background-image:url('/wp-content/uploads/2025/09/chatailogopurple.png');
  background-repeat:no-repeat;
  background-position:28px 50%;
  background-size:52px 52px;

  /* tekst standaard compact */
  word-spacing: 0;
}

/* Hover: uitklappen + extra ruimte rechts van de tekst */
.elementor-7490 .elementor-element.elementor-element-59ee47bb a:hover{
  background-color:var(--bg-hover);
  max-width:var(--expanded);
  color:var(--fg);
  padding-right:30px;  /* extra space na de 'x' */
}

/* Verberg standaard Elementor iconen */
.elementor-7490 .elementor-element.elementor-element-59ee47bb a img{ display:none !important; }
.elementor-7490 .elementor-element.elementor-element-59ee47bb a .elementor-button-icon{ display:none !important; }
.elementor-7490 .elementor-element.elementor-element-59ee47bb a i, .elementor-7490 .elementor-element.elementor-element-59ee47bb a svg{ display:none !important; }
.elementor-7490 .elementor-element.elementor-element-59ee47bb a:before, .elementor-7490 .elementor-element.elementor-element-59ee47bb a:after{ display:none !important; }

@media (max-width:768px){
  .elementor-7490 .elementor-element.elementor-element-59ee47bb a{
    --h:52px; --collapsed:52px; --expanded:220px;
    padding-left:50px;
    background-size:24px 24px;
    background-position:12px 50%;
  }
}/* End custom CSS */