.elementor-5590 .elementor-element.elementor-element-df11bdc{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5590 .elementor-element.elementor-element-a6fbdda{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-5590 .elementor-element.elementor-element-a6fbdda > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5590 .elementor-element.elementor-element-a6fbdda.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-5590 .elementor-element.elementor-element-a6fbdda .cz_btn,.elementor-5590 .elementor-element.elementor-element-a6fbdda .cz_btn:before{color:#ffffff;font-size:16px;text-align:center;background-color:transparent;padding:0px;border-style:solid;border-radius:0px;}.elementor-5590 .elementor-element.elementor-element-a6fbdda .cz_btn:hover,.elementor-5590 .elementor-element.elementor-element-a6fbdda .cz_btn:after{color:#ffffff;background-color:transparent;border-color:#ffffff;}.elementor-5590 .elementor-element.elementor-element-a6fbdda .cz_btn i{font-size:22px;color:#ffffff;padding:0px 0px 0px 10px;margin:0px;}.elementor-5590 .elementor-element.elementor-element-a6fbdda .cz_btn:hover i{color:#ffffff;}@media(max-width:1024px){.elementor-5590 .elementor-element.elementor-element-a6fbdda{--container-widget-width:250px;--container-widget-flex-grow:0;width:var( --container-widget-width, 250px );max-width:250px;}.elementor-5590 .elementor-element.elementor-element-a6fbdda .cz_btn,.elementor-5590 .elementor-element.elementor-element-a6fbdda .cz_btn:before{padding-bottom:22px;}}@media(max-width:767px){.elementor-5590 .elementor-element.elementor-element-a6fbdda{width:var( --container-widget-width, 250px );max-width:250px;--container-widget-width:250px;--container-widget-flex-grow:0;}}/* Start custom CSS for cz_button, class: .elementor-element-a6fbdda *//* ================================
   TP Shine Button — by TP Theme
   الاستخدام: أضف كلاس "tp-shine-button" على أي زر
   مثال: <button class="tp-shine-button">اضغط هنا</button>
================================ */

.tp-shine-button {
    border: none;
    outline: none;
    cursor: pointer;
    position: relative;
    z-index: 1;
    background: transparent !important;
    color: #fff;
    padding: 10px 0px;
    border-radius: 0px 20px 0px 20px;
    transition: all 0.3s ease;
    animation: tp-pulse-effect 2s ease-in-out infinite;
}

.tp-shine-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(45deg, #ff0000, #ff00c8, #ff00c8, #7f00ff, #7f00ff, #6200ff, #7a00ff, #ff00c8, #ff0000);
    background-size: 400%;
    z-index: -1;
    border-radius: 0px 20px 0px 20px;
    transition: all 0.3s ease;
    animation: tp-glowing 20s linear infinite;
}

.tp-shine-button:hover::before {
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 3px;
}

@keyframes tp-glowing {
    0%   { background-position: 0 0; }
    50%  { background-position: 400% 0; }
    100% { background-position: 0 0; }
}

@keyframes tp-pulse-effect {
    0%   { transform: scale(1);    opacity: 1;   }
    50%  { transform: scale(1.08); opacity: 0.8; }
    100% { transform: scale(1);    opacity: 1;   }
}/* End custom CSS */