.elementor-1890 .elementor-element.elementor-element-783c5ad{--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;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:8%;--padding-bottom:8%;--padding-left:8%;--padding-right:8%;}.elementor-1890 .elementor-element.elementor-element-783c5ad:not(.elementor-motion-effects-element-type-background), .elementor-1890 .elementor-element.elementor-element-783c5ad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-1890 .elementor-element.elementor-element-4547f11{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:15px 15px 15px 15px;}.elementor-1890 .elementor-element.elementor-element-4547f11:not(.elementor-motion-effects-element-type-background), .elementor-1890 .elementor-element.elementor-element-4547f11 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#270041CC;}.elementor-1890 .elementor-element.elementor-element-2092c56 > .elementor-widget-container{--e-transform-scale:0.8;}body:not(.rtl) .elementor-1890 .elementor-element.elementor-element-2092c56{left:-57px;}body.rtl .elementor-1890 .elementor-element.elementor-element-2092c56{right:-57px;}.elementor-1890 .elementor-element.elementor-element-2092c56{top:-20%;z-index:1;}.elementor-1890 .elementor-element.elementor-element-c6fe9c2 > .elementor-widget-container{margin:25% 0% 0% 0%;}.elementor-1890 .elementor-element.elementor-element-c6fe9c2 .elementor-heading-title{font-family:"Goldfish", Sans-serif;text-shadow:0px 0px 10px #E89909;color:#E89909;}.elementor-1890 .elementor-element.elementor-element-c10c997 > .elementor-widget-container{margin:0% 0% 9% 0%;}.elementor-1890 .elementor-element.elementor-element-c10c997{z-index:5;}.elementor-1890 .elementor-element.elementor-element-c10c997 .elementor-button-content-wrapper{flex-direction:row;}.elementor-1890 .elementor-element.elementor-element-fc45d65 > .elementor-widget-container{--e-transform-scale:0.8;}body:not(.rtl) .elementor-1890 .elementor-element.elementor-element-fc45d65{right:-13%;}body.rtl .elementor-1890 .elementor-element.elementor-element-fc45d65{left:-13%;}.elementor-1890 .elementor-element.elementor-element-fc45d65{bottom:-20%;z-index:1;}#elementor-popup-modal-1890 .dialog-widget-content{animation-duration:1.2s;background-color:#00000000;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-1890{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-1890 .dialog-message{width:500px;height:auto;}#elementor-popup-modal-1890 .dialog-close-button{display:flex;background-color:#000000CC;font-size:22px;}#elementor-popup-modal-1890 .dialog-close-button i{color:#FFFFFF;}#elementor-popup-modal-1890 .dialog-close-button svg{fill:#FFFFFF;}/* Start custom CSS for button, class: .elementor-element-c10c997 *//* Full Moon Magic Button Styles */
.magic-moon-btn .elementor-button {
    background: linear-gradient(135deg, #1F0031 0%, #30004d 100%) !important;
    color: #E89909 !important;
    border: 2px solid #E89909 !important;
    border-radius: 50px !important; /* Rounded for a lunar feel */
    padding: 15px 35px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    transition: all 0.4s ease-in-out !important;
    position: relative;
    overflow: hidden;
    z-index: 1;
    box-shadow: 0 0 15px rgba(232, 153, 9, 0.3), 
                inset 0 0 10px rgba(227, 105, 34, 0.2);
    animation: moon-pulse 3s infinite ease-in-out;
}

/* The Shine Effect on Hover */
.magic-moon-btn .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        120deg, 
        transparent, 
        rgba(232, 153, 9, 0.4), 
        transparent
    );
    transition: all 0.6s;
    z-index: -1;
}

.magic-moon-btn .elementor-button:hover::before {
    left: 100%;
}

/* Hover States */
.magic-moon-btn .elementor-button:hover {
    color: #fff !important;
    border-color: #e36922 !important;
    box-shadow: 0 0 30px rgba(232, 153, 9, 0.6), 
                0 0 50px rgba(227, 105, 34, 0.3) !important;
    transform: translateY(-3px) scale(1.02);
    text-shadow: 0 0 8px #fff;
}

/* Click/Active State */
.magic-moon-btn .elementor-button:active {
    transform: translateY(0) scale(0.98);
}

/* The Magical Pulse Animation */
@keyframes moon-pulse {
    0% {
        box-shadow: 0 0 15px rgba(232, 153, 9, 0.3), 
                    inset 0 0 10px rgba(227, 105, 34, 0.2);
    }
    50% {
        box-shadow: 0 0 25px rgba(232, 153, 9, 0.5), 
                    inset 0 0 15px rgba(227, 105, 34, 0.4);
    }
    100% {
        box-shadow: 0 0 15px rgba(232, 153, 9, 0.3), 
                    inset 0 0 10px rgba(227, 105, 34, 0.2);
    }
}

/* 1. Target the icon container and the icon itself (i for font, svg for SVG) */
.magic-moon-btn .elementor-button-icon,
.magic-moon-btn .elementor-button-icon i,
.magic-moon-btn .elementor-button-icon svg {
    display: inline-block !important; /* Required for rotation to work */
    transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

/* 2. Apply rotation when the BUTTON is hovered */
.magic-moon-btn .elementor-button:hover .elementor-button-icon,
.magic-moon-btn .elementor-button:hover .elementor-button-icon i,
.magic-moon-btn .elementor-button:hover .elementor-button-icon svg {
    transform: rotate(-35deg) scale(1.2) !important;
}/* End custom CSS */