.elementor-2206 .elementor-element.elementor-element-1002261{--display:flex;--min-height:100vh;--justify-content:center;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2206 .elementor-element.elementor-element-1002261.e-con{--flex-grow:0;--flex-shrink:0;}@media(max-width:767px){.elementor-2206 .elementor-element.elementor-element-1002261{--width:100%;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-7384a40 *//* Container for the buttons */
.rotp-donate-buttons-container {
    display: flex;
    flex-wrap: wrap; /* Allows buttons to wrap on smaller screens */
    gap: 20px; /* Space between buttons */
    justify-content: center; /* Center buttons horizontally */
    padding: 0; /* Changed: Removed padding around the container */
    font-family: 'Inter', sans-serif; /* A modern, clean font */
}

/* Base button styles */
.rotp-donate-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 30px;
    border-radius: 12px; /* Slightly rounded corners for a soft look */
    text-decoration: none;
    color: #fff !important; /* Ensure text and icon color is white, with !important for override */
    font-size: 18px;
    font-weight: 600;
    transition: all 0.3s ease-in-out; /* Smooth transition for hover effects */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
    width: 100%; /* Changed: Buttons are now full-width */
    box-sizing: border-box; /* Include padding and border in the width */
}

/* Icon styles */
.rotp-button-icon {
    display: flex; /* Ensures SVG is centered if needed */
    align-items: center;
    justify-content: center;
    width: 24px; /* Icon size */
    height: 24px; /* Icon size */
    margin-right: 12px; /* Space between icon and text */
}

.rotp-button-icon svg {
    width: 100%;
    height: 100%;
    fill: currentColor; /* Inherit color from parent (button text color) */
}

.rotp-button-icon img { /* Style for image-based icons like Venmo */
    width: 100%;
    height: 100%;
    object-fit: contain; /* Ensures the image fits within the icon area */
}

/* PayPal Button */
.rotp-donate-button.rotp-paypal {
    background-color: #1565C0; /* PayPal blue from SVG */
}
.rotp-donate-button.rotp-paypal:hover {
    background-color: #005ea6; /* Slightly darker blue on hover */
    transform: translateY(-3px); /* Lift effect */
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15); /* Enhanced shadow on hover */
}

/* Venmo Button */
.rotp-donate-button.rotp-venmo {
    background-color: #008CFF; /* Venmo blue */
}
.rotp-donate-button.rotp-venmo:hover {
    background-color: #0077e6; /* Slightly darker blue on hover */
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

/* Zelle Button */
.rotp-donate-button.rotp-zelle {
    background-color: #a0f; /* Zelle purple from SVG */
}
.rotp-donate-button.rotp-zelle:hover {
    background-color: #8a00d9; /* Slightly darker purple on hover */
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

/* Zelle Instructions Group */
.rotp-zelle-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px; /* Space between button and instructions */
    width: 100%; /* Changed: Match button width, now full-width */
    box-sizing: border-box;
}

.rotp-zelle-instructions {
    background-color: #f8f8f8;
    border-radius: 8px;
    padding: 15px;
    font-size: 14px;
    color: #333;
    line-height: 1.5;
    text-align: left;
    width: 100%; /* Take full width of its parent (.rotp-zelle-group) */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.rotp-zelle-instructions p {
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 500;
}

.rotp-zelle-instructions ul {
    list-style: decimal; /* Numbered list */
    padding-left: 20px;
    margin-bottom: 10px;
}

.rotp-zelle-instructions li {
    margin-bottom: 5px;
}

.rotp-zelle-instructions strong {
    color: #a0f; /* Highlight the email address */
    word-break: break-all; /* Ensures long email doesn't overflow */
}

.rotp-copy-button {
    background-color: #007bff; /* A nice blue for the copy button */
    color: #fff;
    border: none;
    padding: 8px 15px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    transition: background-color 0.2s ease-in-out;
    margin-top: 10px;
}

.rotp-copy-button:hover {
    background-color: #0056b3;
}


/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
    .rotp-donate-button {
        padding: 12px 25px;
        font-size: 16px;
        width: 100%; /* Changed: Adjust fixed width for smaller screens to full width */
    }

    .rotp-button-icon {
        width: 20px;
        height: 20px;
        margin-right: 10px;
    }

    .rotp-zelle-group {
        width: 100%; /* Changed: Match button width on smaller screens to full width */
    }
}

@media (max-width: 480px) {
    .rotp-donate-buttons-container {
        flex-direction: column; /* Stack buttons vertically on very small screens */
        align-items: center;
    }
    .rotp-donate-button {
        width: 90%; /* Make buttons take up more width, but not fixed */
        max-width: 300px; /* Limit max width for very wide screens */
        padding: 10px 20px;
        font-size: 15px;
    }
    .rotp-zelle-group {
        width: 90%; /* Match button width on very small screens */
        max-width: 300px;
    }
}/* End custom CSS */