.elementor-59 .elementor-element.elementor-element-477d57fb{--display:flex;--margin-top:2%;--margin-bottom:2%;--margin-left:0%;--margin-right:0%;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-59 .elementor-element.elementor-element-3989d36f{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;}@media(max-width:767px){.elementor-59 .elementor-element.elementor-element-477d57fb{--margin-top:3%;--margin-bottom:3%;--margin-left:0%;--margin-right:0%;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for container, class: .elementor-element-477d57fb *//* Alap állapot – fekete gomb */
.wc-block-components-button.wp-element-button.wc-block-cart__submit-button {
    background-color: #000000 !important;
    color: #ffffff !important;
    position: relative;
    overflow: hidden;
    transition: background-color 0.3s ease;
}

/* Hover – lila */
.wc-block-components-button.wp-element-button.wc-block-cart__submit-button:hover {
    background-color: #6c3b8b !important;
}

/* Fénylés elem */
.wc-block-components-button.wp-element-button.wc-block-cart__submit-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.5) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    transform: skewX(-20deg);
}

/* Hoverkor végigfut a fénylés */
.wc-block-components-button.wp-element-button.wc-block-cart__submit-button:hover::before {
    animation: shine 0.9s ease forwards;
}

@keyframes shine {
    from {
        left: -100%;
    }
    to {
        left: 150%;
    }
}



__________________________


/* Alap állapot – fekete gomb (pénztár + kupon gomb) */
.wc-block-components-button.wp-element-button.wc-block-cart__submit-button,
.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button {
    background-color: #000000 !important;
    color: #ffffff !important;
    position: relative;
    overflow: hidden;
    transition: background-color 0.3s ease;
}

/* Hover – lila */
.wc-block-components-button.wp-element-button.wc-block-cart__submit-button:hover,
.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button:hover {
    background-color: #6c3b8b !important;
}

/* Fénylés elem */
.wc-block-components-button.wp-element-button.wc-block-cart__submit-button::before,
.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.5) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    transform: skewX(-20deg);
}

/* Hoverkor végigfut a fénylés */
.wc-block-components-button.wp-element-button.wc-block-cart__submit-button:hover::before,
.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button:hover::before {
    animation: shine 0.9s ease forwards;
}

@keyframes shine {
    from {
        left: -100%;
    }
    to {
        left: 150%;
    }
}/* End custom CSS */