.header,
.she-header-yes,
.she-header-yes.e-con,
.she-header {
transition: all 0.4s ease-in-out, height 0.4s ease-in-out,
background-color 0.4s ease-in-out, border-bottom-width 0.4s ease-in-out,
border-bottom-color 0.4s ease-in-out, margin 0s !important;
width: 100%;
max-width: 100%;
z-index: 9999;
} .she-header {
margin-bottom: 0;
margin-top: 0; }
.she-header:not(.elementor-sticky) {
position: fixed !important;
top: 0;
} .she-header.she-blur-yes {
-webkit-backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(180%) blur(20px);
} .headerup {
-ms-transform: translateY(-110vh) !important;
-o-transition: transform 0.4s ease-in-out !important;
-webkit-transform: translateY(-110vh) !important;
-webkit-transition: transform 0.4s ease-in-out !important;
-webkit-transition: -webkit-transform 0.4s ease-in-out !important;
transform: translateY(-110vh) !important;
transition: transform 0.4s ease-in-out !important;
} .she-header-yes .elementor-widget-theme-site-logo,
.she-header-yes .elementor-widget-image,
.she-header-yes .logo,
.she-header-yes .elementor-widget-theme-site-logo img,
.she-header-yes .elementor-widget-image img,
.she-header-yes .logo img {
transition: all 0.4s ease-in-out !important;
} .she-header-transparent-yes,
.elementor-editor-active .she-header-transparent-yes {
transition: all 0.4s ease-in-out, top 0s;
width: 100%;
background-color: rgba(0, 0, 0, 0) !important;
position: absolute !important;
z-index: 99;
} .she-header-yes .elementor-menu-toggle:before,
.she-header-yes .elementor-menu-toggle:after,
.she-header-yes .elementor-menu-toggle i:after {
transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
}
.she-header-yes .elementor-menu-toggle {
position: relative;
transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out;
}
.she-header-yes .elementor-menu-toggle.elementor-active:before {
transform: translate(-50%, -50%) rotate(-45deg);
}
.she-header-yes .elementor-menu-toggle:after {
transform: translate(-50%, calc(-50% - 0.25em));
}
.she-header-yes .elementor-menu-toggle.elementor-active:after {
transform: translate(-50%, -50%) rotate(45deg);
}
.she-header-yes .elementor-menu-toggle i:after {
transform: translate(-50%, -50%);
} @media screen and (min-width: 783px) {
.admin-bar .she-header:not(.elementor-sticky) {
top: 32px;
}
}.wc-btn-wrapper {
display: inline-block;
}
.btn-text-flip svg,
.wc-btn-wrapper svg {
width: 1em;
height: 1em;
} .wc-btn-group {
display: flex;
width: fit-content;
}
.wc-btn-group .wc-btn-primary {
padding: 21px 40px;
font-weight: 600;
font-size: 16px;
line-height: 1;
color: #fff;
background-color: #0A1A3D;
text-transform: capitalize;
transition: all 0.3s;
display: inline-flex;
align-items: center;
overflow: hidden;
z-index: 1;
gap: 30px;
white-space: nowrap;
border-radius: 30px;
text-decoration: none;
}
.wc-btn-group .wc-btn-play {
color: #fff;
fill: #fff;
border-radius: 50px;
background-color: #0A1A3D;
border: 1px solid transparent;
height: 60px;
width: 60px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.5s;
}
.wc-btn-group > *:nth-child(2) {
transform: scale3d(1, 1, 1);
}
.wc-btn-group:hover > *:nth-child(2) {
transform: scale3d(1, 1, 1);
} .style-1 .wc-btn-group > *:nth-child(1) {
transform: scale3d(0.5, 0.5, 1);
margin-right: calc( var(--icon-width, 60px) * -1);
opacity: 0;
}
.style-1 .wc-btn-group > *:nth-child(3) {
transform: scale3d(1, 1, 1);
margin-left: 0;
opacity: 1;
}
.style-1 .wc-btn-group:hover > *:nth-child(1) {
transform: scale3d(1, 1, 1);
margin-right: 0;
opacity: 1;
}
.style-1 .wc-btn-group:hover > *:nth-child(3) {
transform: scale3d(0.5, 0.5, 1);
margin-left: calc( var(--icon-width, 60px) * -1);
opacity: 0;
} .style-2 .wc-btn-group > *:nth-child(1) {
transform: scale3d(1, 1, 1);
margin-right: 0;
opacity: 1;
}
.style-2 .wc-btn-group > *:nth-child(3) {
transform: scale3d(0.5, 0.5, 1);
margin-left: calc( var(--icon-width, 60px) * -1);
opacity: 0;
}
.style-2 .wc-btn-group:hover > *:nth-child(1) {
transform: scale3d(0.5, 0.5, 1);
margin-right: calc( var(--icon-width, 60px) * -1);
opacity: 0;
}
.style-2 .wc-btn-group:hover > *:nth-child(3) {
transform: scale3d(1, 1, 1);
margin-left: 0;
opacity: 1;
} .btn-text-flip {
perspective: 1000px;
text-decoration: none;
}
.btn-text-flip:hover span {
transform: rotateX(90deg) translateY(-12px);
}
.btn-text-flip span {
position: relative;
display: inline-block;
padding: 0;
color: #121212;
transition: transform 0.3s;
transform-origin: 50% 0;
transform-style: preserve-3d;
}
.btn-text-flip span:before {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100%;
content: attr(data-text);
transition: color 0.3s;
transform: rotateX(-90deg);
transform-origin: 50% 0;
text-align: center;
} .style-4 .btn-border-crop {
display: inline-block;
}
.style-4 .btn-border-crop:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
background-image: linear-gradient(105.52deg, var(--b-color-1, #FF856A) 0%,  var(--b-color-2, #FFED4E) 34%, var(--b-color-3, #4BFFF4) 69%, var(--b-color-4, #7F52FF) 100%);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
mask-image: var(--btn-bg, url(//onpac.fr/wp-content/plugins/sassly-essential/assets/images/btn-image.webp));
mask-size: 100% 100%;
mask-repeat: no-repeat;
mask-position: center;
}.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=".svg"]{width:48px}.elementor-widget-image img{display:inline-block;vertical-align:middle}