.elementor-8835 .elementor-element.elementor-element-8efb45c{--display:flex;--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--margin-top:2em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;--z-index:0;}.elementor-8835 .elementor-element.elementor-element-421914a.elementor-element{--align-self:flex-end;}@media(max-width:1399px){.elementor-8835 .elementor-element.elementor-element-8efb45c{--min-height:0vh;}.elementor-8835 .elementor-element.elementor-element-421914a.elementor-element{--align-self:flex-start;}}@media(min-width:768px){.elementor-8835 .elementor-element.elementor-element-8efb45c{--width:100vw;}}@media(max-width:1399px) and (min-width:768px){.elementor-8835 .elementor-element.elementor-element-8efb45c{--width:100vw;}}@media(max-width:767px){.elementor-8835 .elementor-element.elementor-element-8efb45c{--width:100vw;--min-height:100vh;}.elementor-8835 .elementor-element.elementor-element-421914a.elementor-element{--align-self:flex-start;}}/* Start custom CSS for html, class: .elementor-element-421914a */.donate-btn {
    color:white !important;
    align-items: center;
    background-color: #fb7655; /* Updated background color */
    border-radius: 50px; /* Uniform border-radius */
    color: #FFFFFF; /* Text color */
    display: inline-flex;
    font-family: "neusa-next-std", Sans-serif; /* Custom font-family */
    font-size: 1em; /* Text size */
    font-weight: 800; /* Text weight */
    justify-content: center;
    letter-spacing: 1px; /* Spacing between letters */
    overflow: hidden;
    padding: 1em 2em 1em 2em; /* Updated padding */
    position: relative;
    text-transform: uppercase; /* Uppercase text */
    transition: background-color 0.3s;
}

.heart {
    position: relative;
    font-size: 1.em; /* Size of the Font Awesome heart */
    margin-right: 12px; /* Space between heart icon and text */
}

/* Animation for the heart beat */
@keyframes beat {
    0%, 100% { transform: scale(1); }
    25% { transform: scale(1.25); }
}

.heart-click {
    /* styling for the shockwave effect */
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
    transition: opacity 0.3s, transform 0.3s;
}

.donate-btn:hover .heart {
    /* trigger heart beat on hover */
    animation: beat 0.6s ease infinite;
}

.donate-btn:hover .heart-click {
    /* trigger shockwave effect on hover */
    transform: translate(-50%, -50%) scale(3);
    opacity: 0;
    animation: shockwave 0.6s ease-out forwards;
}

@keyframes shockwave {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
    100% {
        transform: translate(-50%, -50%) scale(3);
        opacity: 0;
    }
}/* End custom CSS */