/* DEFAULT */

body [class*="pxl-button-style-"] .elementor-button {
    line-height: 1.2 !important;
    font-weight: 600 !important;
    position:relative;
    z-index:1;
}

/* STYLES */

body .pxl-button-style-style1 .elementor-button {
    color: var( --e-global-color-primary );
    background-color: transparent;
    border-color: var( --e-global-color-primary );
}
body .pxl-button-style-style1 .elementor-button:hover {
    color: #fff;
    background-color: var( --e-global-color-primary );
    border-color: var( --e-global-color-primary );
}

body .pxl-button-style-style2 .elementor-button {
    color: var( --e-global-color-secondary );
    background-color: transparent;
    border-color: var( --e-global-color-secondary );
}
body .pxl-button-style-style2 .elementor-button:hover {
    color: #fff;
    background-color: var( --e-global-color-secondary );
    border-color: var( --e-global-color-secondary );
}
body .pxl-button-style-style2-reverse .elementor-button {
    color: var( --e-global-color-text );
    background-color: var( --e-global-color-secondary );
    border-color: var( --e-global-color-secondary );
}
body .pxl-button-style-style2-reverse .elementor-button:hover {
    color: var( --e-global-color-text );
    background-color: var( --e-global-color-7c39d18 );
    border-color: var( --e-global-color-7c39d18 );
}
body .pxl-button-style-link .elementor-button {
    padding:0 !important;
    border-radius:0 !important;
    color: var( --e-global-color-primary );
    background-color: transparent !important;
    border-color: transparent !important;
    text-transform: none !important;
    font-weight:500 !important;
    text-decoration:underline;
}
body .pxl-button-style-link .elementor-button:hover {
    color: var( --e-global-color-primary );
    text-decoration:none;
}

body .pxl-button-style-style3 .elementor-button {
    color: var( --e-global-color-e26d0a1 );
    background-color: transparent;
    border-color: var( --e-global-color-e26d0a1 );
}
body .pxl-button-style-style3 .elementor-button:hover {
    color: #fff;
    background-color: var( --e-global-color-e26d0a1 );
    border-color: var( --e-global-color-e26d0a1 );
}
body .pxl-button-style-style3 .elementor-button:focus {
    color: var( --e-global-color-e26d0a1 );
    background-color: transparent;
    border-color: var( --e-global-color-e26d0a1 );
}
body .pxl-button-style-style3-reverse .elementor-button {
    color: var( --e-global-color-text );
    background-color: var( --e-global-color-e26d0a1 );
    border-color: var( --e-global-color-e26d0a1 );
}
body .pxl-button-style-style3-reverse .elementor-button:hover {
    color: var( --e-global-color-text );
    background-color: var( --e-global-color-7c39d18 );
    border-color: var( --e-global-color-7c39d18 );
}

body .pxl-button-style-style4 .elementor-button {
    color: var( --e-global-color-c01fb4e );
    background-color: transparent;
    border-color: var( --e-global-color-c01fb4e );
}
body .pxl-button-style-style4 .elementor-button:hover {
    color: #fff;
    background-color: var( --e-global-color-c01fb4e );
    border-color: var( --e-global-color-c01fb4e );
}
body .pxl-button-style-style4-reverse .elementor-button {
    color: var( --e-global-color-text );
    background-color: var( --e-global-color-c01fb4e );
    border-color: var( --e-global-color-c01fb4e );
}
body .pxl-button-style-style4-reverse .elementor-button:hover {
    color: var( --e-global-color-text );
    background-color: var( --e-global-color-e8ad63b );
    border-color: var( --e-global-color-e8ad63b );
}