/* Restores Chamberlink Astra theme tokens used by the live header button.
   Scoped to the ElementsKit header so DataDex UI is not restyled. */
:root {
    --ast-global-color-0: #0067FF;
    --ast-global-color-1: #005EE9;
    --ast-global-color-2: #0F172A;
    --ast-global-color-3: #364151;
    --ast-global-color-4: #E7F6FF;
    --ast-global-color-5: #FFFFFF;
    --e-global-color-astglobalcolor0: #0067FF;
    --e-global-color-astglobalcolor1: #005EE9;
    --e-global-color-astglobalcolor2: #0F172A;
    --e-global-color-astglobalcolor3: #364151;
    --e-global-color-astglobalcolor4: #E7F6FF;
    --e-global-color-astglobalcolor5: #FFFFFF;
}

.ekit-template-content-header .elementor-widget-button .elementor-button {
    border-style: solid;
    text-decoration: none;
    border-width: 0;
    border-radius: 0;
    padding: 18px 32px;
    color: var(--ast-global-color-5);
    border-color: var(--ast-global-color-0);
    background-color: var(--ast-global-color-0);
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 1em;
    text-transform: capitalize;
    letter-spacing: 1px;
}

.ekit-template-content-header .elementor-widget-button .elementor-button:hover,
.ekit-template-content-header .elementor-widget-button .elementor-button:focus {
    color: var(--ast-global-color-5);
    background-color: var(--ast-global-color-1);
    border-color: var(--ast-global-color-1);
}