/* Custom Elementor Button Styles */

.mws-button-primary .elementor-button  {
    background-color: var(--e-global-color-7183731) !important;
    fill: var(--e-global-color-92ba39f) !important;
    color: var(--e-global-color-92ba39f) !important;
}

.mws-button-secondary .elementor-button {
    background-color: var(--e-global-color-068e3a0) !important;
    fill: var(--e-global-color-92ba39f) !important;
    color: var(--e-global-color-92ba39f) !important;
}

.mws-button-light .elementor-button {
    background-color: var(--e-global-color-4daa827) !important;
    fill: var(--e-global-color-20a5e92) !important;
    color: var(--e-global-color-20a5e92) !important;
	border: solid 2px #ffffff !important;
}

.mws-button-dark .elementor-button {
    background-color: var(--e-global-color-2514e8d) !important;
    fill: var(--e-global-color-92ba39f) !important;
    color: var(--e-global-color-92ba39f) !important;
}

/* Base styles for buttons */
.mws-button-primary .elementor-button,
.mws-button-secondary .elementor-button,
.mws-button-light .elementor-button,
.mws-button-dark .elementor-button {
    position: relative; /* Ensure the pseudo-element aligns properly */
    overflow: hidden; /* Prevents pseudo-element from overflowing */
    z-index: 1; /* Ensures the text remains above */
    font-family: var(--e-global-typography-accent-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-accent-font-size) !important;
    font-weight: var(--e-global-typography-accent-font-weight) !important;
    font-style: var(--e-global-typography-accent-font-style) !important;
    text-decoration: var(--e-global-typography-accent-text-decoration) !important;
    line-height: var(--e-global-typography-accent-line-height) !important;
    letter-spacing: var(--e-global-typography-accent-letter-spacing) !important;
}

/* Pseudo-element for background */
.mws-button-primary .elementor-button::before,
.mws-button-secondary .elementor-button::before,
.mws-button-light .elementor-button::before,
.mws-button-dark .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: inherit; /* Inherit the button's background color */
    z-index: -1; /* Places it behind the text */
    transition: filter 0.3s ease-in-out;
}

/* Hover effect: only darken the background */
.mws-button-primary .elementor-button:hover::before,
.mws-button-secondary .elementor-button:hover::before,
.mws-button-light .elementor-button:hover::before,
.mws-button-dark .elementor-button:hover::before {
    filter: brightness(75%);
}