:root{
  --fc16-navy:#071b49;
  --fc16-blue:#176cff;
  --fc16-violet:#7058ed;
}

.elite-floating-contact-v16{
  position:fixed;
  left:12px;
  top:50%;
  transform:translateY(-50%);
  z-index:9998;

  display:flex;
  flex-direction:column;
  gap:10px;
}

.elite-floating-contact-v16 a{
  width:50px;
  height:50px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:14px;

  color:#fff !important;
  text-decoration:none !important;

  font-family:
    Inter,
    "Segoe UI",
    Arial,
    sans-serif;

  font-size:20px;

  box-shadow:
    0 10px 28px
    rgba(7,27,73,.20);

  transition:
    transform .2s ease,
    box-shadow .2s ease;
}

.elite-floating-contact-v16 a:hover{
  transform:translateX(3px);

  box-shadow:
    0 15px 34px
    rgba(7,27,73,.25);
}

.elite-floating-contact-v16 .fc16-whatsapp{
  background:#22c55e;
}

.elite-floating-contact-v16 .fc16-call{
  background:#176cff;
}

.elite-floating-contact-v16 .fc16-email{
  background:#071b49;
}

.elite-floating-contact-v16 .fc16-consult{
  background:
    linear-gradient(
      135deg,
      #176cff,
      #7058ed
    );
}

.elite-floating-contact-v16 .fc16-label{
  position:absolute;
  left:59px;

  min-width:max-content;

  padding:7px 10px;

  border-radius:9px;

  background:#071b49;
  color:#fff;

  font-size:11px;
  font-weight:700;

  opacity:0;
  visibility:hidden;

  pointer-events:none;

  transform:translateX(-4px);

  transition:.18s ease;
}

.elite-floating-contact-v16 a{
  position:relative;
}

.elite-floating-contact-v16 a:hover .fc16-label{
  opacity:1;
  visibility:visible;
  transform:translateX(0);
}


/* Keep buttons above device safe area but out of the way on tablets */

@media(max-width:850px){

  .elite-floating-contact-v16{
    left:auto;
    right:12px;
    top:auto;
    bottom:18px;

    transform:none;

    flex-direction:row;

    padding:
      8px;

    border-radius:
      18px;

    background:
      rgba(255,255,255,.94);

    border:
      1px solid
      #dce6f5;

    box-shadow:
      0 14px 38px
      rgba(7,27,73,.13);

    backdrop-filter:
      blur(12px);
  }

  .elite-floating-contact-v16 a{
    width:44px;
    height:44px;

    border-radius:
      12px;

    font-size:
      18px;
  }

  .elite-floating-contact-v16 .fc16-label{
    display:none;
  }

}


/* Small phone */

@media(max-width:420px){

  .elite-floating-contact-v16{
    right:8px;
    bottom:10px;

    gap:6px;

    padding:6px;
  }

  .elite-floating-contact-v16 a{
    width:40px;
    height:40px;

    font-size:16px;
  }

}
