.elementor-widget-container.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-container .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-container:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-container.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-21162 .elementor-element.elementor-element-21e2c3f0{--display:flex;}.elementor-widget-contact-buttons-var-4.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-contact-buttons-var-4 .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-contact-buttons-var-4 .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-contact-buttons-var-4:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-contact-buttons-var-4.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-contact-buttons-var-4 .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-21162 .elementor-element.elementor-element-7ea30e9 .e-contact-buttons{--e-contact-buttons-button-icon:var( --e-global-color-c9bb076 );--e-contact-buttons-button-bg:var( --e-global-color-primary );--e-contact-buttons-button-icon-hover:var( --e-global-color-c9bb076 );--e-contact-buttons-button-bg-hover:var( --e-global-color-secondary );--e-contact-buttons-active-button-color:var( --e-global-color-c9bb076 );--e-contact-buttons-active-button-bg:var( --e-global-color-7c4b13a );--e-contact-buttons-contact-button-bg:var( --e-global-color-primary );--e-contact-buttons-contact-button-icon-hover:var( --e-global-color-c9bb076 );--e-contact-buttons-contact-button-bg-hover:var( --e-global-color-7c4b13a );}.elementor-21162 .elementor-element.elementor-element-7ea30e9 .e-contact-buttons__chat-button-shadow{box-shadow:0px 0px 10px 0px rgba(255, 255, 255, 0.12);}@media(min-width:1900px){.elementor-widget-container.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-contact-buttons-var-4.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:1024px){.elementor-widget-container.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-contact-buttons-var-4.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-widget-container.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-contact-buttons-var-4.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-size:var( --e-global-typography-primary-font-size );}}/* Start custom CSS for contact-buttons-var-4, class: .elementor-element-7ea30e9 */.elementor-21162 .elementor-element.elementor-element-7ea30e9 a[aria-label="WhatsApp"] .e-contact-buttons__contact-icon-container {
    background-color: #49e670; 
}

.elementor-21162 .elementor-element.elementor-element-7ea30e9 a[aria-label="WhatsApp"] .e-font-icon-svg {
    color:#49e670; 
    width: 33px;
    height: 33px;
}



.elementor-21162 .elementor-element.elementor-element-7ea30e9 a[aria-label="WhatsApp"]:hover .e-contact-buttons__contact-icon-container {
    background-color: #0ac93a; 
}


.elementor-21162 .elementor-element.elementor-element-7ea30e9 a[aria-label="WhatsApp"]:hover .e-font-icon-svg {
    color:#0ac93a; 
}




/* icon replace */

.elementor-21162 .elementor-element.elementor-element-7ea30e9 a[aria-label="WhatsApp"]:nth-of-type(3) .e-font-icon-svg {
    display: none;
}



a[aria-label="WhatsApp"]:nth-of-type(3) .e-contact-buttons__contact-icon-container::before {
    content: url('https://johnsonfitness.com.my/wp-content/uploads/2024/11/icon-maintenance-01.webp'); /* Replace with the path to your new SVG icon */
    display: inline-block;
    width: 32px; /* Adjust size as needed */
    height: 32px;
    vertical-align: middle;
}/* End custom CSS */