.elementor-264 .elementor-element.elementor-element-b450987{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-264 .elementor-element.elementor-element-6d03960{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for ridda-contact, class: .elementor-element-111024a */.theme-btn, a.theme-btn {
    font-family: var(--ridda-heading-font, sans-serif); /* Fallback to sans-serif if the variable isn't defined */
    color: white;
    transition: color 0.3s ease; /* Optional:  Smooth color transition */
    /* Add any other base styles for your button here */
    /* Example: */
    cursor: pointer; /* Makes the cursor a pointer on hover*/
    text-decoration: none; /* Remove default underline from <a> tags */
    display: inline-block; /*So padding is respected by the `a` tag. */
}

.theme-btn:hover, a.theme-btn:hover {
    color: white;
    background-color: black

}

.theme-btn:active, a.theme-btn:active{
    color: black;
}/* End custom CSS */