/* ==========================================================================
   EASY3D — Universal Button Shimmer / Light Flare Effect
   ========================================================================== */

.btn-primary,
.btn-secondary,
.btn-product-buy,
.btn-add-cart,
.btn-cart-action,
.checkout-glow-btn,
.btn-sidebar-checkout,
.tg-glow-btn,
.filter-btn,
.category-btn,
.tab-btn,
.btn-calc,
.model-action-btn,
.model-order-btn,
.btn-download,
.sidebar-logout-btn,
#checkoutBtn,
#checkoutSubmitBtn {
    position: relative !important;
    overflow: hidden !important;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    mask-image: radial-gradient(white, black);
}

.btn-primary::before,
.btn-secondary::before,
.btn-product-buy::before,
.btn-add-cart::before,
.btn-cart-action::before,
.checkout-glow-btn::before,
.btn-sidebar-checkout::before,
.tg-glow-btn::before,
.filter-btn::before,
.category-btn::before,
.tab-btn::before,
.btn-calc::before,
.model-action-btn::before,
.model-order-btn::before,
.btn-download::before,
.sidebar-logout-btn::before,
#checkoutBtn::before,
#checkoutSubmitBtn::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -130% !important;
    width: 60% !important;
    height: 100% !important;
    border-radius: inherit !important;
    background: linear-gradient(
        to right,
        transparent 0%,
        rgba(255, 255, 255, 0.08) 20%,
        rgba(255, 255, 255, 0.38) 50%,
        rgba(255, 255, 255, 0.08) 80%,
        transparent 100%
    ) !important;
    transform: skewX(-25deg) !important;
    transition: left 0.65s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
    pointer-events: none !important;
    z-index: 3 !important;
}

.btn-primary:hover::before,
.btn-secondary:hover::before,
.btn-product-buy:hover::before,
.btn-add-cart:hover::before,
.btn-cart-action:hover::before,
.checkout-glow-btn:hover::before,
.btn-sidebar-checkout:hover::before,
.tg-glow-btn:hover::before,
.filter-btn:hover::before,
.category-btn:hover::before,
.tab-btn:hover::before,
.btn-calc:hover::before,
.model-action-btn:hover::before,
.model-order-btn:hover::before,
.btn-download:hover::before,
.sidebar-logout-btn:hover::before,
#checkoutBtn:hover::before,
#checkoutSubmitBtn:hover::before {
    left: 170% !important;
}

/* Ensure text & icons stay crisp and layered cleanly */
.btn-primary > *,
.btn-secondary > *,
.btn-product-buy > *,
.btn-add-cart > *,
.btn-cart-action > *,
.checkout-glow-btn > *,
.btn-sidebar-checkout > *,
.tg-glow-btn > *,
.filter-btn > *,
.category-btn > *,
.tab-btn > *,
.btn-calc > *,
.model-action-btn > *,
.model-order-btn > *,
.btn-download > *,
.sidebar-logout-btn > *,
#checkoutBtn > *,
#checkoutSubmitBtn > * {
    position: relative;
    z-index: 4;
}