#fw-section-rich-text-1b8ba574-d0a9-40b2-b1e6-cc0404eabdb3 {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);
a {
    display: inline-block !important;
    padding: 10px 20px !important;

    /* --- BLACK & WHITE THEME FOR DARK BACKGROUND --- */
    background-color: #ffffff !important; /* White button background */
    color: #000000 !important;           /* Black text on white background */
    /* --- END COLORS --- */

    text-decoration: none !important;
    border-radius: 50px !important;      /* Fully rounded corners (pill shape) */
    border: none !important;
    cursor: pointer !important;
    font-family: sans-serif !important;  /* Keep sans-serif or inherit as before */
    font-size: 16px !important;
    font-weight: bold !important;        /* Make the text bold */
    text-align: center !important;
    transition: background-color 0.3s ease, color 0.3s ease !important; /* Smooth transitions */
    line-height: normal !important;      /* Helps with vertical alignment of text in button */
    box-sizing: border-box !important;   /* Ensures padding/border are included in element's total width/height */
    white-space: nowrap !important;      /* Prevents text from wrapping inside the button */
    min-width: 80px !important;          /* Optional: Ensure a minimum width for very short button texts */
    text-transform: none !important;     /* Ensure text capitalization is not forced by other styles */
}

a:hover {
    background-color: #f0f0f0 !important; /* Slightly off-white/light grey on hover */
    color: #000000 !important;           /* Text remains black on hover */
}

a:active {
    background-color: #cccccc !important; /* Darker grey when clicked */
    transform: translateY(1px) !important; /* Subtle press effect */
}

a:focus {
    outline: 2px solid #000000 !important; /* Black outline for keyboard focus */
    outline-offset: 2px !important;      /* Space between outline and button */
}
}