.call-icon-outer,
.email-icon-outer,
.message-icon-outer,



.whatsapp-icon-outer,
.messenger-icon-outer {
  /*  position: relative;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-size: 14px !important;
    color: inherit;*/

     position: relative;
    display: inline-block !important;
    overflow: visible !important;   /* <-- ADD THIS */
    visibility: visible !important;
    opacity: 1 !important;
    font-size: 14px !important;
    color: inherit;
    text-decoration: none !important;
}

/* Hide badge when .no-badge is present */
.call-icon-outer.no-badge::before,
.call-icon-outer.no-badge::after,


.email-icon-outer.no-badge::before,
.email-icon-outer.no-badge::after,

.message-icon-outer.no-badge::before,
.message-icon-outer.no-badge::after,


.whatsapp-icon-outer.no-badge::before,
.whatsapp-icon-outer.no-badge::after,

.messenger-icon-outer.no-badge::before,
.messenger-icon-outer.no-badge::after {
    display: none !important;
}

/* Messenger badge */
.messenger-icon-outer::before {
    content: "💬 Messenger";
     position: absolute;
    top: 50%;
    left: calc(100% + 10px);
    transform: translateY(-50%);
    background: #25d366;
    color: #fff;
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(0,0,0,.2);
}

.messenger-icon-outer::after {
   content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
    border: 6px solid transparent;
    border-right-color: #25d366;
}



/* Call badge */
.call-icon-outer::before {
    content: "📞 Call Us";
    position: absolute;
    top: 50%;
    left: calc(100% + 10px);
    transform: translateY(-50%);
    background: #25d366;
    color: #fff;
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(0,0,0,.2);
}

.call-icon-outer::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
    border: 6px solid transparent;
    border-right-color: #25d366;
}

/* WhatsApp badge */
.whatsapp-icon-outer::before {
    content: "💬 WhatsApp us";
    position: absolute;
    top: 50%;
    left: calc(100% + 10px);
    transform: translateY(-50%);
    background: #25D366;
    color: #fff;
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(0,0,0,.2);
}

.whatsapp-icon-outer::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
    border: 6px solid transparent;
    border-right-color: #25D366;
}

 .email-icon-outer::before {
    content: "✉️ Email us";
    position: absolute;
    top: 50%;
    left: calc(100% + 10px);
    transform: translateY(-50%);
    background: #007bff;
    color: #fff;
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(0,0,0,.2);
}

.email-icon-outer::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
    border: 6px solid transparent;
    border-right-color: #007bff;
}

.message-icon-outer::before {
    content: "💬 Send Message";
    position: absolute;
    top: 50%;
    left: calc(100% + 10px);
    transform: translateY(-50%);
    background: #6c757d;
    color: #fff;
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(0,0,0,.2);
}

.message-icon-outer::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
    border: 6px solid transparent;
    border-right-color: #6c757d;
}

   .no-underline,
  .no-underline:hover,
  .no-underline:focus,
  .no-underline:active {
    text-decoration: none;
  }