.elementor-kit-4{--e-global-color-primary:#C9AC79;--e-global-color-secondary:#C7BBA4;--e-global-color-text:#C7BBA4;--e-global-color-accent:#ECE3D2;--e-global-color-8bd656f:#FFFFFF;--e-global-color-872558e:#000000;--e-global-color-4bb6bee:#E5CD9B;--e-global-color-9913384:#8B8173;--e-global-color-0995989:#C9AC79;--e-global-color-cfec899:#ECE3D2;--e-global-color-273142d:#C7BBA4;--e-global-typography-primary-font-family:"EB Garamond";--e-global-typography-primary-font-size:18px;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-line-height:1.5em;--e-global-typography-secondary-font-family:"EB Garamond";--e-global-typography-secondary-font-size:18px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-line-height:1.5em;--e-global-typography-text-font-family:"EB Garamond";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.5em;--e-global-typography-accent-font-family:"EB Garamond";--e-global-typography-accent-font-size:22px;--e-global-typography-accent-font-weight:300;--e-global-typography-accent-line-height:1.5em;--e-global-typography-d9a60fa-font-family:"Jost";--e-global-typography-d9a60fa-font-size:20px;--e-global-typography-d9a60fa-text-transform:uppercase;--e-global-typography-d9a60fa-line-height:1.2em;--e-global-typography-d9a60fa-letter-spacing:0.1em;color:var( --e-global-color-872558e );font-family:"Jost", Sans-serif;font-size:18px;line-height:1.7em;}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{background-color:#FFFFFF00;font-family:"Jost", Sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;color:var( --e-global-color-0995989 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-0995989 );border-radius:0px 0px 0px 0px;padding:15px 20px 15px 20px;}.elementor-kit-4 button:hover,.elementor-kit-4 button:focus,.elementor-kit-4 input[type="button"]:hover,.elementor-kit-4 input[type="button"]:focus,.elementor-kit-4 input[type="submit"]:hover,.elementor-kit-4 input[type="submit"]:focus,.elementor-kit-4 .elementor-button:hover,.elementor-kit-4 .elementor-button:focus{background-color:transparent;color:var( --e-global-color-872558e );background-image:linear-gradient(174deg, var( --e-global-color-4bb6bee ) 0%, var( --e-global-color-0995989 ) 100%);border-style:none;border-radius:0px 0px 0px 0px;}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-kit-4 p{margin-block-end:0px;}.elementor-kit-4 a{color:var( --e-global-color-0995989 );}.elementor-kit-4 h1{color:var( --e-global-color-0995989 );font-family:"Cormorant Garamond", Sans-serif;font-size:80px;font-weight:300;line-height:1em;letter-spacing:0.05em;}.elementor-kit-4 h2{color:var( --e-global-color-0995989 );font-family:"Cormorant Garamond", Sans-serif;font-size:60px;font-weight:300;}.elementor-kit-4 h3{font-family:"Cormorant Garamond", Sans-serif;font-size:30px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-4{--e-global-typography-d9a60fa-font-size:18px;--e-global-typography-d9a60fa-letter-spacing:0.05em;}.elementor-kit-4 h1{font-size:50px;line-height:1em;letter-spacing:0.05em;}.elementor-kit-4 h2{font-size:35px;}.elementor-kit-4 h3{font-size:25px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* CONTENEUR AVEC EFFET BORDURE ET LUEUR */ .lodestar-frame{ position: relative; } /* COIN HAUT GAUCHE + LUEUR + LIGNES HAUT / GAUCHE */ .lodestar-frame::before{ content: ""; position: absolute; inset: -1px; pointer-events: none; z-index: 10; background: /* Lueur coin haut gauche */ radial-gradient( circle at top left, rgba(229,205,155,.055) 0%, rgba(201,172,121,.035) 12%, rgba(201,172,121,.02) 24%, rgba(201,172,121,.01) 36%, rgba(201,172,121,.004) 48%, rgba(201,172,121,0) 62% ), /* Ligne du haut */ linear-gradient( 90deg, #C9AC79 0%, rgba(201,172,121,.58) 35%, rgba(201,172,121,.28) 70%, #C9AC7933 100% ) top left / 100% 1px no-repeat, /* Ligne de gauche */ linear-gradient( 180deg, #C9AC79 0%, rgba(201,172,121,.45) 35%, rgba(201,172,121,.25) 70%, #C9AC7933 100% ) top left / 1px 100% no-repeat, /* Triangle haut gauche */ linear-gradient( 135deg, #C9AC79 0 50%, transparent 51% ) top left / 10px 10px no-repeat; } /* COIN BAS DROIT + LUEUR + LIGNES BAS / DROITE */ .lodestar-frame::after{ content: ""; position: absolute; inset: -1px; pointer-events: none; z-index: 10; background: /* Lueur coin bas droite */ radial-gradient( circle at bottom right, rgba(229,205,155,.055) 0%, rgba(201,172,121,.035) 12%, rgba(201,172,121,.02) 24%, rgba(201,172,121,.01) 36%, rgba(201,172,121,.004) 48%, rgba(201,172,121,0) 62% ), /* Ligne du bas */ linear-gradient( 270deg, #C9AC79 0%, rgba(201,172,121,.58) 35%, rgba(201,172,121,.28) 70%, #C9AC7933 100% ) bottom right / 100% 1px no-repeat, /* Ligne de droite */ linear-gradient( 0deg, #C9AC79 0%, rgba(201,172,121,.45) 35%, rgba(201,172,121,.25) 70%, #C9AC7933 100% ) bottom right / 1px 100% no-repeat, /* Triangle bas droite */ linear-gradient( 315deg, #C9AC79 0 50%, transparent 51% ) bottom right / 10px 10px no-repeat; } .lodestar-btn-simple .elementor-button{ position: relative; overflow: hidden; padding-right: 25px !important; letter-spacing: 0.2em; padding-top: 15px !important; padding-bottom: 15px !important; padding-left: 25px !important; border: none !important; border-radius: 0 !important; color: #C9AC79 !important; background: /* LUEUR HAUT GAUCHE */ radial-gradient( ellipse 70% 120% at 0% 0%, rgba(201,172,121,.14) 0%, rgba(201,172,121,.075) 24%, rgba(201,172,121,.035) 42%, rgba(201,172,121,0) 68% ), /* LUEUR BAS DROITE */ radial-gradient( ellipse 70% 120% at 100% 100%, rgba(201,172,121,.14) 0%, rgba(201,172,121,.075) 24%, rgba(201,172,121,.035) 42%, rgba(201,172,121,0) 68% ) !important; transition: background .45s ease, color .35s ease, transform .4s cubic-bezier(.16,1,.3,1), box-shadow .45s ease !important; } /* ========================================= BORDURES ========================================= */ /* BOUTON SIMPLE */ .lodestar-btn-simple .elementor-button::after{ content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 1; background: /* HAUT : fort à gauche -> 25% à droite */ linear-gradient( 90deg, #C9AC79 0%, rgba(201,172,121,.55) 45%, rgba(201,172,121,.25) 100% ) top left / 100% 1px no-repeat, /* GAUCHE : fort en haut -> 25% en bas */ linear-gradient( 180deg, #C9AC79 0%, rgba(201,172,121,.55) 45%, rgba(201,172,121,.25) 100% ) top left / 1px 100% no-repeat, /* BAS : fort à droite -> 25% à gauche */ linear-gradient( 270deg, #C9AC79 0%, rgba(201,172,121,.55) 45%, rgba(201,172,121,.25) 100% ) bottom right / 100% 1px no-repeat, /* DROITE : fort en bas -> 25% en haut */ linear-gradient( 0deg, #C9AC79 0%, rgba(201,172,121,.55) 45%, rgba(201,172,121,.25) 100% ) bottom right / 1px 100% no-repeat; transition: opacity .4s ease, filter .4s ease; } /* Texte */ .lodestar-btn .elementor-button-content-wrapper{ position: relative; z-index: 3; } /* ========================================= HOVER ========================================= */ .lodestar-btn-simple .elementor-button:hover{ color: #171A1F !important; background: linear-gradient( 110deg, #C9AC79 0%, #D5B983 48%, #E5CD9B 100% ) !important; transform: translateY(-1px); box-shadow: 0 8px 24px rgba(0,0,0,.12); } .lodestar-btn .elementor-button:hover::before{ color: #171A1F; transform: translateY(-50%) rotate(180deg) scale(1.10); } /* ========================================= BOUTON LODESTAR AVEC ETOILE SVG ========================================= */ .lodestar-btn .elementor-button{ position: relative; overflow: hidden; padding-right: 48px !important; padding-left: 25px !important; padding-top: 15px !important; padding-bottom: 15px !important; letter-spacing: 0.2em; border: none !important; border-radius: 0 !important; color: #C9AC79 !important; background: /* LUEUR HAUT GAUCHE */ radial-gradient( ellipse 70% 120% at 0% 0%, rgba(201,172,121,.14) 0%, rgba(201,172,121,.075) 24%, rgba(201,172,121,.035) 42%, rgba(201,172,121,0) 68% ), /* LUEUR BAS DROITE */ radial-gradient( ellipse 70% 120% at 100% 100%, rgba(201,172,121,.14) 0%, rgba(201,172,121,.075) 24%, rgba(201,172,121,.035) 42%, rgba(201,172,121,0) 68% ) !important; transition: background .45s ease, color .35s ease, transform .4s cubic-bezier(.16,1,.3,1), box-shadow .45s ease !important; } /* ========================================= BORDURES ========================================= */ .lodestar-btn .elementor-button::after{ content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 1; background: /* HAUT : fort à gauche -> 25% à droite */ linear-gradient( 90deg, #C9AC79 0%, rgba(201,172,121,.55) 45%, rgba(201,172,121,.25) 100% ) top left / 100% 1px no-repeat, /* GAUCHE : fort en haut -> 25% en bas */ linear-gradient( 180deg, #C9AC79 0%, rgba(201,172,121,.55) 45%, rgba(201,172,121,.25) 100% ) top left / 1px 100% no-repeat, /* BAS : fort à droite -> 25% à gauche */ linear-gradient( 270deg, #C9AC79 0%, rgba(201,172,121,.55) 45%, rgba(201,172,121,.25) 100% ) bottom right / 100% 1px no-repeat, /* DROITE : fort en bas -> 25% en haut */ linear-gradient( 0deg, #C9AC79 0%, rgba(201,172,121,.55) 45%, rgba(201,172,121,.25) 100% ) bottom right / 1px 100% no-repeat; transition: opacity .4s ease, filter .4s ease; } /* ========================================= ETOILE SVG ========================================= */ .lodestar-btn .elementor-button::before{ content: ""; position: absolute; right: 0px; top: 50%; width: 50px; height: 50px; z-index: 3; transform: translateY(-50%) rotate(0deg); transform-origin: center; background-color: #E5CD9B; /* SVG utilisé comme masque */ -webkit-mask-image: url("/wp-content/uploads/2026/07/lodestar-etoile-editable.svg"); mask-image: url("/wp-content/uploads/2026/07/lodestar-etoile-editable.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; pointer-events: none; transition: transform .6s cubic-bezier(.16,1,.3,1), background-color .35s ease, filter .4s ease; } /* ========================================= TEXTE ========================================= */ .lodestar-btn .elementor-button-content-wrapper{ position: relative; z-index: 3; } /* ========================================= HOVER BOUTON ========================================= */ .lodestar-btn .elementor-button:hover{ color: #171A1F !important; background: linear-gradient( 110deg, #C9AC79 0%, #D5B983 48%, #E5CD9B 100% ) !important; transform: translateY(-1px); box-shadow: 0 8px 24px rgba(0,0,0,.12); } /* ========================================= HOVER ETOILE ========================================= */ .lodestar-btn .elementor-button:hover::before{ background-color: #171A1F; transform: translateY(-50%) rotate(180deg) scale(1.10); }/* End custom CSS */