// forked from @givewp/src/Campaigns/Blocks/shared/styles/donate-button.scss
.elementor-widget {
    .givewp-donation-form-link,
    .givewp-donation-form-modal__open {
        color: #ffffff;
        background: var(--givewp-primary-color, #2271b1);
        padding: 0.75rem 1.25rem !important;
        cursor: pointer;
        border: none;
        border-radius: 5px;
        font-size: 1rem;
        font-weight: 500 !important;
        text-decoration: none !important;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
        sans-serif;
        width: 100%;
        line-height: 1.5;
        transition: all 0.2s ease;
        width: 100%;

        &:hover, &:focus, &:active, &:focus-visible {
            background-color: color-mix(in srgb, var(--givewp-primary-color), black 20%);
        }
    }
}




