@media screen and (min-width: 651px){

    body .smartlink-float-desktop {
        display: block;
        position: fixed;
        text-decoration: none;
        z-index: 2147483647;
        width: 65px;
        height: 65px;
        border-radius: 50%;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
        transform: scale(1);
        bottom: 15px;
        right: 20px;
        background-color: #00bb00;
    }
}

@media screen and (max-width: 650px){
    body .smartlink-float-mobile {
        display: block;
        position: fixed;
        text-decoration: none;
        z-index: 2147483647;
        width: 65px;
        height: 65px;
        border-radius: 50%;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
        transform: scale(1);
        bottom: 15px;
        right: 20px;
        background-color: #00bb00;
    }
}

.icon-phone{
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNjAgNjAiPjxwYXRoIGQ9Ik03LjEwNCAxNC4wMzJsMTUuNTg2IDEuOTg0YzAgMC0wLjAxOSAwLjUgMCAwLjk1M2MwLjAyOSAwLjc1Ni0wLjI2IDEuNTM0LTAuODA5IDIuMSBsLTQuNzQgNC43NDJjMi4zNjEgMy4zIDE2LjUgMTcuNCAxOS44IDE5LjhsMTYuODEzIDEuMTQxYzAgMCAwIDAuNCAwIDEuMSBjLTAuMDAyIDAuNDc5LTAuMTc2IDAuOTUzLTAuNTQ5IDEuMzI3bC02LjUwNCA2LjUwNWMwIDAtMTEuMjYxIDAuOTg4LTI1LjkyNS0xMy42NzRDNi4xMTcgMjUuMyA3LjEgMTQgNy4xIDE0IiBmaWxsPSIjMDA2NzAwIi8+PHBhdGggZD0iTTcuMTA0IDEzLjAzMmw2LjUwNC02LjUwNWMwLjg5Ni0wLjg5NSAyLjMzNC0wLjY3OCAzLjEgMC4zNWw1LjU2MyA3LjggYzAuNzM4IDEgMC41IDIuNTMxLTAuMzYgMy40MjZsLTQuNzQgNC43NDJjMi4zNjEgMy4zIDUuMyA2LjkgOS4xIDEwLjY5OWMzLjg0MiAzLjggNy40IDYuNyAxMC43IDkuMSBsNC43NC00Ljc0MmMwLjg5Ny0wLjg5NSAyLjQ3MS0xLjAyNiAzLjQ5OC0wLjI4OWw3LjY0NiA1LjQ1NWMxLjAyNSAwLjcgMS4zIDIuMiAwLjQgMy4xMDVsLTYuNTA0IDYuNSBjMCAwLTExLjI2MiAwLjk4OC0yNS45MjUtMTMuNjc0QzYuMTE3IDI0LjMgNy4xIDEzIDcuMSAxMyIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==) center/50px 50px no-repeat #090;
}
.smart-link-whatsapp {
    left: 20px !important;
    right: initial !important;
    background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(1,0,0,1,-0.057,0)'%3E%3Cpath d='M0.057,24L1.744,17.837C0.703,16.033 0.156,13.988 0.157,11.891C0.16,5.335 5.495,0 12.05,0C15.231,0.001 18.217,1.24 20.463,3.488C22.708,5.736 23.944,8.724 23.943,11.902C23.94,18.459 18.605,23.794 12.05,23.794C10.06,23.793 8.099,23.294 6.362,22.346L0.057,24ZM6.654,20.193C8.33,21.188 9.93,21.784 12.046,21.785C17.494,21.785 21.932,17.351 21.935,11.9C21.937,6.438 17.52,2.01 12.054,2.008C6.602,2.008 2.167,6.442 2.165,11.892C2.164,14.117 2.816,15.783 3.911,17.526L2.912,21.174L6.654,20.193ZM18.041,14.729C17.967,14.605 17.769,14.531 17.471,14.382C17.174,14.233 15.713,13.514 15.44,13.415C15.168,13.316 14.97,13.266 14.771,13.564C14.573,13.861 14.003,14.531 13.83,14.729C13.657,14.927 13.483,14.952 13.186,14.803C12.889,14.654 11.931,14.341 10.796,13.328C9.913,12.54 9.316,11.567 9.143,11.269C8.97,10.972 9.125,10.811 9.273,10.663C9.407,10.53 9.57,10.316 9.719,10.142C9.87,9.97 9.919,9.846 10.019,9.647C10.118,9.449 10.069,9.275 9.994,9.126C9.919,8.978 9.325,7.515 9.078,6.92C8.836,6.341 8.591,6.419 8.409,6.41L7.839,6.4C7.641,6.4 7.319,6.474 7.047,6.772C6.775,7.07 6.007,7.788 6.007,9.251C6.007,10.714 7.072,12.127 7.22,12.325C7.369,12.523 9.315,15.525 12.296,16.812C13.005,17.118 13.559,17.301 13.99,17.438C14.702,17.664 15.35,17.632 15.862,17.556C16.433,17.471 17.62,16.837 17.868,16.143C18.116,15.448 18.116,14.853 18.041,14.729Z' style='fill:white;fill-rule:nonzero;'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-size:40px 40px;
    background-repeat:no-repeat;
    background-position:center center;
    font-size: 0px;
}

/* Multi-button container - spans full width, allows clicks through middle */
.smart-links-multi-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    pointer-events: none; /* Allow clicks to pass through */
}

/* Columns for left (WhatsApp) and right (Phone) buttons */
.smart-links-column {
    display: flex;
    flex-direction: column;
    gap: 15px;
    pointer-events: none;
}

/* Re-enable pointer events on actual buttons */
.smart-links-multi-container .smart-link {
    pointer-events: auto;
    position: relative;
}

/* Tooltip base styles */
.smart-links-multi-container .smart-link[data-tooltip]::after {
    content: attr(data-tooltip);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
    color: #333;
    padding: 8px 14px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    pointer-events: none;
    z-index: 1;
}

/* Tooltip arrow base */
/* .smart-links-multi-container .smart-link[data-tooltip]::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: 8px solid transparent;
    pointer-events: none;
    z-index: 1;
} */

/* Left column (WhatsApp) - tooltips appear on RIGHT (toward center) */
.smart-links-column-left .smart-link[data-tooltip]::after {
    left: calc(100% + 5px);
    right: auto;
}

/* .smart-links-column-left .smart-link[data-tooltip]::before {
    left: calc(100% - 4px);
    right: auto;
    border-right-color: #fff;
    border-left-color: transparent;
} */

/* Right column (Phone) - tooltips appear on LEFT (toward center) */
.smart-links-column-right .smart-link[data-tooltip]::after {
    right: calc(100% + 5px);
    left: auto;
}

/* .smart-links-column-right .smart-link[data-tooltip]::before {
    right: calc(100% - 4px);
    left: auto;
    border-left-color: #fff;
    border-right-color: transparent;
} */

/* Floating multi-button container positioning - Desktop */
@media screen and (min-width: 651px) {
    .smart-links-multi-container:has(.smartlink-float-desktop) {
        position: fixed;
        z-index: 2147483647;
        bottom: 15px;
        left: 20px;
        right: 20px;
    }

    .smart-links-multi-container .smartlink-float-desktop {
        position: relative;
        bottom: auto;
        right: auto;
        left: auto;
    }

    /* Left column - WhatsApp buttons */
    .smart-links-column-left {
        align-items: flex-start;
    }

    /* Right column - Phone buttons */
    .smart-links-column-right {
        align-items: flex-end;
    }
}

/* Floating multi-button container positioning - Mobile */
@media screen and (max-width: 650px) {
    .smart-links-multi-container:has(.smartlink-float-mobile) {
        position: fixed;
        z-index: 2147483647;
        bottom: 15px;
        left: 20px;
        right: 20px;
    }

    .smart-links-multi-container .smartlink-float-mobile {
        position: relative;
        bottom: auto;
        right: auto;
        left: auto;
    }

    /* Left column - WhatsApp buttons */
    .smart-links-column-left {
        align-items: flex-start;
    }

    /* Right column - Phone buttons */
    .smart-links-column-right {
        align-items: flex-end;
    }
}
a.icon-phone.smartlink-float-desktop.smart-link, a.icon-phone.smartlink-float-mobile {
    font-size: 0;
}