.elementor-4063 .elementor-element.elementor-element-370be46c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4063 .elementor-element.elementor-element-5b2b7891 .e-contact-buttons{--e-contact-buttons-contact-button-icon:#FFFFFF;--e-contact-buttons-contact-button-bg:#000000;--e-contact-buttons-contact-gap:6px;--e-contact-buttons-contact-padding-block-end:12px;--e-contact-buttons-contact-padding-block-start:12px;--e-contact-buttons-contact-padding-inline-end:12px;--e-contact-buttons-contact-padding-inline-start:12px;}.elementor-4063 .elementor-element.elementor-element-5b2b7891 .e-contact-buttons__contact-icon-link{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;}/* Start custom CSS for contact-buttons-var-10, class: .elementor-element-5b2b7891 *//* Update existing floating button styles */
background: #0077b5 !important;  /* Sleek blue color */
color: #fff !important;          /* White icon color */
border-radius: 50% !important;   /* Circular shape */
width: 55px !important;
height: 55px !important;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); /* Soft shadow */
transition: all 0.3s ease; /* Smooth effect */
cursor: pointer;

/* Hover effect */
&:hover {
    background: #0056b3 !important;  /* Darker shade on hover */
    transform: scale(1.1);           /* Slight zoom effect */
}

/* Icon Styling */
i {
    font-size: 24px !important;      /* Icon size */
    transition: color 0.3s;
}

&:hover i {
    color: #ffdd57 !important;       /* Yellow icon color on hover */
}/* End custom CSS */