.elementor-1319 .elementor-element.elementor-element-ff9ac7e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1319 .elementor-element.elementor-element-390f86f{--spacer-size:25px;}.elementor-1319 .elementor-element.elementor-element-5af2542{--display:flex;--min-height:50px;--justify-content:space-around;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:12px 12px 12px 12px;}.elementor-1319 .elementor-element.elementor-element-5af2542.e-con{--align-self:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1319 .elementor-element.elementor-element-10527c1.elementor-element{--align-self:center;}.elementor-1319 .elementor-element.elementor-element-10527c1{text-align:center;}.elementor-1319 .elementor-element.elementor-element-10527c1 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-1319 .elementor-element.elementor-element-ab32fb6{--spacer-size:25px;}@media(min-width:768px){.elementor-1319 .elementor-element.elementor-element-5af2542{--width:25%;}}/* Start custom CSS for container, class: .elementor-element-5af2542 *//* Styles de base du bouton Elementor */
.elementor-1319 .elementor-element.elementor-element-5af2542 {
    background: linear-gradient(45deg, #2b1055, #7597de);
    color: white;
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.2s ease;
    font-weight: bold;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(43, 16, 85, 0.4);
}

/* Effet au survol */
.elementor-1319 .elementor-element.elementor-element-5af2542:hover {
    background: linear-gradient(45deg, #7597de, #2b1055);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(43, 16, 85, 0.6);
}

/* Effet de brillance animée */
.elementor-1319 .elementor-element.elementor-element-5af2542::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: rgba(255, 255, 255, 0.1);
    transform: rotate(45deg);
    animation: mysteryShine 4s infinite;
}

/* Animation du reflet */
@keyframes mysteryShine {
    0% {
        transform: rotate(45deg) translateX(-100%);
        opacity: 0;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        transform: rotate(45deg) translateX(100%);
        opacity: 0;
    }
}/* End custom CSS */