.elementor-492 .elementor-element.elementor-element-e45b3a4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;}.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 );}.elementor-492 .elementor-element.elementor-element-5771f76 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Inria Serif", Sans-serif;font-weight:600;fill:var( --e-global-color-37891a2 );color:var( --e-global-color-37891a2 );border-radius:5px 5px 5px 5px;padding:10px 20px 10px 20px;}.elementor-492 .elementor-element.elementor-element-5771f76 .elementor-button:hover, .elementor-492 .elementor-element.elementor-element-5771f76 .elementor-button:focus{background-color:#98BAD5;color:var( --e-global-color-37891a2 );}.elementor-492 .elementor-element.elementor-element-5771f76{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-492 .elementor-element.elementor-element-5771f76 .elementor-button:hover svg, .elementor-492 .elementor-element.elementor-element-5771f76 .elementor-button:focus svg{fill:var( --e-global-color-37891a2 );}@media(max-width:767px){.elementor-492 .elementor-element.elementor-element-5771f76 .elementor-button{font-size:12px;padding:10px 10px 10px 10px;}}/* Start custom CSS for button, class: .elementor-element-5771f76 *//*Animation button start*/
/* Oasis America – static front + animated gradient on hover */

.oasis-btn-Donate .elementor-button{
    position: relative;
    overflow: hidden;

    color:#ffffff;
    border-radius:8px;
    padding:14px 28px;

    /* FRONT (static color) */
    background:#2563EB;

    transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
    box-shadow: 0 6px 18px rgba(15,23,42,.25);
}

/* Hover → gradient + same animation as before */
.oasis-btn-Donate .elementor-button:hover{

    background: linear-gradient(
        120deg,
        #304774,
        #98bad5,
        #C6A85E
    );

    background-size: 200% 200%;
    animation: oasis-gradient-move 3s ease infinite;

    transform: translateY(-2px);
    box-shadow: 0 14px 32px rgba(15,23,42,.35);
}

@keyframes oasis-gradient-move{
    0%{ background-position: 0% 50%; }
    50%{ background-position: 100% 50%; }
    100%{ background-position: 0% 50%; }
}

/* clean professional focus */
.oasis-btn-Donate .elementor-button:focus{
    outline:none;
    box-shadow:
        0 14px 32px rgba(15,23,42,.35),
        0 0 0 4px rgba(37,99,235,.25);
}
/*Animation button start*//* End custom CSS */