.elementor-2632 .elementor-element.elementor-element-52f23781{--display:flex;}.elementor-2632 .elementor-element.elementor-element-22d6533{--display:flex;}.elementor-2632 .elementor-element.elementor-global-2652 .elementor-button{background-color:#FFFFFF;font-family:"Figtree", Sans-serif;font-size:18px;font-weight:700;fill:#000000;color:#000000;transition-duration:0.5s;border-style:solid;border-width:2px 2px 2px 2px;border-color:#000000;border-radius:90px 90px 90px 90px;padding:8px 40px 8px 40px;}.elementor-2632 .elementor-element.elementor-global-2652 .elementor-button:hover, .elementor-2632 .elementor-element.elementor-global-2652 .elementor-button:focus{background-color:#FFFFFF;color:#000000;}.elementor-2632 .elementor-element.elementor-global-2652{width:auto;max-width:auto;}.elementor-2632 .elementor-element.elementor-global-2652 .elementor-button:hover svg, .elementor-2632 .elementor-element.elementor-global-2652 .elementor-button:focus svg{fill:#000000;}/* Start custom CSS for global, class: .elementor-global-2652 */.default-button-class .elementor-button {
        position: relative; /* Essential for positioning the pseudo-element */
        overflow: hidden; /* Hides the pseudo-element before it scales */
        z-index: 1; /* Ensures text is above the fill effect */
    }

    .default-button-class .elementor-button::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #09bbb5; /* Replace with your desired fill color */
        transform: scaleX(0); /* Starts with 0 width horizontally */
        transform-origin: center; /* Ensures scaling from the center */
        transition: transform 0.6s ease; /* Smooth transition for the fill effect */
        z-index: -1; /* Places the fill behind the text */
    }

    .default-button-class .elementor-button:hover::before {
        transform: scaleX(1); /* Scales to full width on hover */
        transform: scaleY(1.5);
        transform-origin: center;
    }

    /* Optional: Change text color on hover for better contrast */
    .default-button-class .elementor-button:hover .elementor-button-text {
        color: #000000; /* Replace with your desired text color on hover */
        transition: color 0.6s ease;
    }/* End custom CSS */