#delrok-en-contact-buttons,
#delrok-en-contact-buttons *{
    box-sizing:border-box;
}

#delrok-en-contact-buttons{
    --dec-email:#078ee6;
    --dec-email-dark:#005bc8;
    --dec-wa:#20d96b;
    --dec-wa-dark:#10b85a;
    --dec-email-size:66px;
    --dec-wa-size:66px;
    --dec-email-icon:30px;
    --dec-wa-icon:30px;
    --dec-email-mobile:54px;
    --dec-wa-mobile:54px;
    --dec-email-icon-mobile:25px;
    --dec-wa-icon-mobile:25px;
    position:relative;
    z-index:999999;
    font-family:Arial,Helvetica,sans-serif;
}

#delrok-en-contact-buttons .dec-btn{
    position:fixed;
    bottom:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    text-decoration:none!important;
    color:#fff!important;
    transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
    z-index:999999;
}

#delrok-en-contact-buttons .dec-email{
    left:14px;
    width:var(--dec-email-size);
    height:var(--dec-email-size);
    background:linear-gradient(145deg,var(--dec-email),var(--dec-email-dark));
    border:4px solid #101820;
    outline:3px solid var(--dec-email);
    box-shadow:0 0 24px color-mix(in srgb,var(--dec-email) 35%,transparent),0 10px 24px rgba(0,0,0,.28);
}

#delrok-en-contact-buttons .dec-whatsapp{
    right:22px;
    width:var(--dec-wa-size);
    height:var(--dec-wa-size);
    background:linear-gradient(145deg,var(--dec-wa),var(--dec-wa-dark));
    border:3px solid var(--dec-wa);
    box-shadow:0 0 22px color-mix(in srgb,var(--dec-wa) 35%,transparent),0 10px 25px rgba(0,0,0,.25);
}

#delrok-en-contact-buttons .dec-btn:hover{
    transform:translateY(-3px);
}

#delrok-en-contact-buttons .dec-email:hover{
    box-shadow:0 0 30px color-mix(in srgb,var(--dec-email) 48%,transparent),0 14px 28px rgba(0,0,0,.32);
}

#delrok-en-contact-buttons .dec-whatsapp:hover{
    box-shadow:0 0 30px color-mix(in srgb,var(--dec-wa) 48%,transparent),0 14px 28px rgba(0,0,0,.32);
}

#delrok-en-contact-buttons .dec-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff!important;
}

#delrok-en-contact-buttons .dec-email .dec-icon{
    width:var(--dec-email-icon);
    height:var(--dec-email-icon);
}

#delrok-en-contact-buttons .dec-whatsapp .dec-icon{
    width:var(--dec-wa-icon);
    height:var(--dec-wa-icon);
}

#delrok-en-contact-buttons .dec-icon svg{
    width:100%;
    height:100%;
    display:block;
    fill:currentColor;
}

#delrok-en-contact-buttons .dec-tooltip{
    position:absolute;
    bottom:calc(100% + 11px);
    left:50%;
    transform:translate(-50%,6px);
    white-space:nowrap;
    background:#0b1823;
    border:1px solid #078ee6;
    color:#fff!important;
    border-radius:999px;
    padding:5px 9px;
    font-size:10px;
    line-height:1;
    font-weight:700;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .18s ease, transform .18s ease, visibility .18s ease;
    box-shadow:0 8px 18px rgba(0,0,0,.24);
}

#delrok-en-contact-buttons .dec-email .dec-tooltip{border-color:var(--dec-email)}
#delrok-en-contact-buttons .dec-whatsapp .dec-tooltip{border-color:var(--dec-wa)}

#delrok-en-contact-buttons .dec-btn:hover .dec-tooltip,
#delrok-en-contact-buttons .dec-btn:focus-visible .dec-tooltip{
    opacity:1;
    visibility:visible;
    transform:translate(-50%,0);
}

#delrok-en-contact-buttons .dec-btn:focus-visible{
    outline:3px solid #fff;
    outline-offset:4px;
}

@media (max-width:600px){
    #delrok-en-contact-buttons .dec-btn{bottom:10px}

    #delrok-en-contact-buttons .dec-email{
        left:10px;
        width:var(--dec-email-mobile);
        height:var(--dec-email-mobile);
        border-width:3px;
        outline-width:2px;
    }

    #delrok-en-contact-buttons .dec-whatsapp{
        right:10px;
        width:var(--dec-wa-mobile);
        height:var(--dec-wa-mobile);
    }

    #delrok-en-contact-buttons .dec-email .dec-icon{
        width:var(--dec-email-icon-mobile);
        height:var(--dec-email-icon-mobile);
    }

    #delrok-en-contact-buttons .dec-whatsapp .dec-icon{
        width:var(--dec-wa-icon-mobile);
        height:var(--dec-wa-icon-mobile);
    }

    #delrok-en-contact-buttons .dec-tooltip{display:none}
}