.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-18 .elementor-element.elementor-element-5bb5de2{--display:flex;}.elementor-widget-shortcode .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-shortcode .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-18 .elementor-element.elementor-element-689014e{--display:flex;--justify-content:center;}.elementor-18 .elementor-element.elementor-element-689014e:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-689014e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EEEEEE;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-18 .elementor-element.elementor-element-06b2374.elementor-element{--align-self:flex-start;}/* Start custom CSS for html, class: .elementor-element-06b2374 *//* Default styles */
#guess, #reset {
    display: inline-flex; /* Use inline-flex for proper alignment */
    align-items: center; /* Center text vertically */
    justify-content: center; /* Center text horizontally */
    text-align: center; /* Ensure text alignment */
    width: auto; /* Adjust width dynamically */
    height: auto; /* Adjust height dynamically */
}

.letter-btn, .end-letter-btn {
    display: inline-flex; /* Inline-flex for alignment */
    align-items: center; /* Vertically center text */
    justify-content: center; /* Horizontally center text */
    text-align: center; /* Ensure text alignment */
    width: 150px; /* Default width */
    height: 50px; /* Default height */
    padding: 18px 34px; /* Default padding */
    margin-bottom: 15px; /* Spacing between buttons */
}


/* Mobile styles */
@media only screen and (max-width: 768px) {
    #guess,
    #reset
    {
        width: 48%; /* Make buttons 50% width minus small gap */
        max-width: 48%; /* Prevent buttons from exceeding width */
        font-size: 0.9em; /* Adjust font size for smaller screens */
        height: auto; /* Adjust height dynamically */
        padding: auto; /* Adjust padding for compact buttons */
        margin:auto ; /* Remove margin for consistent alignment */
    }
    
    .letter-btn,
    .end-letter-btn {
        width: 42%; /* Make buttons 50% width minus small gap */
        max-width: 42%; /* Prevent buttons from exceeding width */
        font-size: 0.9em; /* Adjust font size for smaller screens */
        height: auto; /* Adjust height dynamically */
        padding: 8px 16px; /* Adjust padding for compact buttons */
        margin:0px ; /* Remove margin for consistent alignment */
    }

    /*Container to manage button layout */
.button-container {
    display: flex;
    flex-wrap: wrap; /* Allow buttons to wrap to the next line */
    justify-content: space-between; /* Add space between buttons */
    gap: 10px; /* Adjust spacing between buttons */

}

/* Extra small screens (e.g., phones) */
@media only screen and (max-width: 480px) {
    #guess,
    #reset,
    .letter-btn,
    .end-letter-btn {
        font-size: 0.8em; /* Reduce font size further for small screens */
        padding: 8px 12px; /* Compact padding */
    }
}/* End custom CSS */