/* Custom Elementor Button Styles */
.mws-button-primary .elementor-button  {
    background-color: var( --e-global-color-e08a964 ) !important;
    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;
    fill: var( --e-global-color-1c48300 ) !important;
    color: var( --e-global-color-1c48300 ) !important;
	transition-duration: 0.5s;
    border-radius: 10px 10px 10px 10px;
    padding: 15px 15px 15px 15px;
}

.mws-button-primary .elementor-button:hover  {
    background-color: var(--e-global-color-8e319a9) !important;
    fill: var(--e-global-color-secondary) !important;
    color: var(--e-global-color-secondary) !important;
}

.mws-button-secondary .elementor-button {
    background-color: var( --e-global-color-aa79e63 ) !important;
    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;
    fill: var( --e-global-color-secondary ) !important;
    color: var( --e-global-color-secondary ) !important;
	transition-duration: 0.5s;
    border-radius: 10px 10px 10px 10px;
    padding: 15px 15px 15px 15px;
}

.mws-button-secondary .elementor-button:hover  {
    background-color: var( --e-global-color-ef2baab ) !important;
}

.mws-button-light .elementor-button {
    background-color: var( --e-global-color-secondary ) !important;
    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;
    fill: var( --e-global-color-accent ) !important;
    color: var( --e-global-color-accent ) !important;
	transition-duration: 0.5s;
    border-radius: 10px 10px 10px 10px;
    padding: 15px 15px 15px 15px;
}

.mws-button-light .elementor-button:hover  {
    background-color: var( --e-global-color-ef2baab ) !important;
    fill: var( --e-global-color-secondary ) !important;
    color: var( --e-global-color-secondary ) !important;
}

.mws-button-dark .elementor-button {
    background-color: var( --e-global-color-e08a964 ) !important;
    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;
    fill: var( --e-global-color-1c48300 ) !important;
    color: var( --e-global-color-1c48300 ) !important;
	transition-duration: 0.5s;
    border-radius: 10px 10px 10px 10px;
    padding: 15px 15px 15px 15px;
}

.mws-button-dark .elementor-button:hover  {
    background-color: var( --e-global-color-secondary ) !important;
    fill: var( --e-global-color-accent ) !important;
    color: var( --e-global-color-accent ) !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 */
}

/* 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;
}