.elementor-2084 .elementor-element.elementor-element-6e82b66{--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-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2084 .elementor-element.elementor-element-e434d46 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );color:var( --e-global-color-6c5a1b4 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2084 .elementor-element.elementor-element-ef64931{color:var( --e-global-color-fe4c2a4 );}.elementor-2084 .elementor-element.elementor-element-ef64931 a:hover, .elementor-2084 .elementor-element.elementor-element-ef64931 a:focus{color:var( --e-global-color-c20a6b3 );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}@media(min-width:768px){.elementor-2084 .elementor-element.elementor-element-6e82b66{--content-width:80%;}}/* Start custom CSS for heading, class: .elementor-2084 .elementor-element.elementor-element-e434d46 */
/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-2084 .elementor-element.elementor-element-ef64931 */
/* End custom CSS */
/* Start custom CSS for button, class: .elementor-2084 .elementor-element.elementor-element-8f8583e */
/* Container styling for the circle */
#hover-circle {
    display: inline-flex;
    align-items: center;
    width: 30px;
    height: 30px;
    background-color: #fd9576;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    transition: transform 0.3s ease; /* For the "grow" effect */
}

/* The "Read More" text (Always Visible) */
#hover-circle::before {
    content: "Back to testimonials";
    position: absolute;
    left: 60px; /* Position text to the right of the circle */
    white-space: nowrap;
    color: #333;
    font-weight: 600;
    transition: transform 0.3s ease; /* Controls the slide-right */
}

/* The sliding line */
#hover-circle::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 2px;
    background-color: #333;
    transition: width 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

/* --- HOVER EFFECTS --- */

/* 1. Circle grows slightly */
#hover-circle:hover {
    transform: scale(1.1);
}

/* 2. Text slides right */
#hover-circle:hover::before {
    transform: translateX(30px);
}

/* 3. Line slides out */
#hover-circle:hover::after {
    width: 45px;
}

/* End custom CSS */
/* Start custom CSS for container, class: .elementor-2084 .elementor-element.elementor-element-6e82b66 */
/* End custom CSS */