.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 {
color: #fff;
fill: #fff;
}
.btn-text-flip:hover span {
color: #fff;
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(//nanoveu.com/wp-content/plugins/arolax-essential/assets/images/btn-image.webp));
mask-size: 100% 100%;
mask-repeat: no-repeat;
mask-position: center;
}
.arolax-btn-width-full .wc-btn-wrapper {
width: 100%;
}
.arolax-btn-width-full a {
width: 100%;
justify-content: center;
} .btn-border-divide {
gap: 10px;
display: flex;
align-items: flex-end;
overflow: hidden;
}
.btn-border-divide .text,
.btn-border-divide .icon {
border-bottom: 1px solid;
}
.btn-border-divide .icon {
padding-bottom: 3px;
position: relative;
}
.btn-border-divide .icon i:first-child,
.btn-border-divide .icon svg:first-child {
position: absolute;
transform: translate(-10px, 10px);
transition: all .3s;
opacity: 0;
}
.btn-border-divide .icon i:last-child,
.btn-border-divide .icon svg:last-child {
transition: all .3s;
opacity: 1;
} .btn-border-divide:hover .icon i:first-child,
.btn-border-divide:hover .icon svg:first-child {
transform: translate(0, 0);
opacity: 1;
}
.btn-border-divide:hover .icon i:last-child,
.btn-border-divide:hover .icon svg:last-child {
transform: translate(10px, -10px);
opacity: 0;
}.elementor-widget-wcf--advance-slider.title-position-after .swiper-slide-title{order:1}.advance_slider_wrapper{overflow:hidden}.advance_slider_wrapper .swiper-slide{overflow:hidden}.advance_slider_wrapper .swiper-slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.advance_slider_wrapper .swiper-slide-title>a{color:inherit;font-size:inherit;line-height:inherit}.advance_slider_wrapper .swiper-slide-desc{margin-bottom:15px}.advance_slider_wrapper .ts-navigation{display:flex;justify-content:space-between;position:absolute;width:100%;bottom:10px;max-width:100%;left:50%;transform:translateX(-50%);z-index:11}.advance_slider_wrapper .ts-pagination .swiper-pagination-bullet{margin:0!important;transition:all .3s}.advance_slider_wrapper .ts-pagination .swiper-pagination{display:flex;gap:20px}.advance_slider_wrapper .ts-pagination .swiper-pagination-horizontal{justify-content:center}.advance_slider_wrapper .ts-pagination .swiper-pagination-horizontal .swiper-pagination-bullet{width:30px;height:2px}.advance_slider_wrapper .ts-pagination .swiper-pagination-horizontal .swiper-pagination-bullet.swiper-pagination-bullet-active{width:60px}.advance_slider_wrapper .ts-pagination .swiper-pagination-vertical{flex-direction:column}.advance_slider_wrapper .ts-pagination .swiper-pagination-vertical .swiper-pagination-bullet{width:2px;height:30px}.advance_slider_wrapper .ts-pagination .swiper-pagination-vertical .swiper-pagination-bullet.swiper-pagination-bullet-active{height:60px}.advance_slider_wrapper .wcf-arrow{cursor:pointer;position:relative;z-index:11;padding:8px;font-size:20px;line-height:0;border:1px solid #cacaca;transition:all .3s}.advance_slider_wrapper .wcf-arrow i,.advance_slider_wrapper .wcf-arrow svg{width:1em;height:1em}.advance_slider_wrapper .wcf-arrow.swiper-button-disabled{opacity:.2;cursor:default;pointer-events:none}.advance_slider_wrapper .swiper-slide-content{position:absolute;left:0;top:0;display:flex;flex-direction:column;justify-content:flex-end;width:100%;height:100%;padding:30px}.swiper-gl{position:relative;margin:0 auto;max-width:100%;width:100%;height:100vh;overflow:hidden}.swiper-gl .swiper-slide{position:relative}.swiper-gl .swiper-gl-image{display:none}.swiper-gl>canvas{position:absolute;left:0;top:0;width:100%;height:100%}.swiper-gl-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;left:0;top:0}.swiper-slicer{width:100%;height:100vh}.swiper-slicer-image,.swiper-slicer-image-clone,.swiper-slicer-image-clones{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.swiper-slicer-image{display:none;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;max-width:none!important}.swiper-slicer-image-clone{overflow:hidden;transition-timing-function:cubic-bezier(1,0,.5,1)}.swiper-slicer-image-clone .swiper-slicer-image{display:block}.swiper-slicer .swiper-slide-active{z-index:1}.swiper-slicer .swiper-slide-content{position:relative}.swiper-shutters{width:100%;height:100vh}.swiper-shutters-image,.swiper-shutters-image-clone,.swiper-shutters-image-clones{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.swiper-shutters-image{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;max-width:none!important}.swiper-shutters-image-clone{overflow:hidden}.swiper-fashion{width:100%;height:100vh;transition:1s background-color 1.3s}.swiper-fashion .swiper-slide-content{justify-content:center;align-items:center;transition-delay:1s;z-index:10}.swiper-fashion .swiper-slide-title{font-weight:700;font-size:80px;-webkit-text-stroke:2px var(--color,#000)}.fashion-slider-no-transition{transition-duration:0s!important;transition-delay:0s!important;transition-property:none!important}.fashion-slider-no-transition :not(.swiper-wrapper){transition-duration:0s!important;transition-delay:0s!important;transition-property:none!important}.fashion-slider-no-transition .swiper-wrapper{transition-delay:0s!important}.swiper-fashion .swiper-wrapper{transition-delay:1s;transition-timing-function:cubic-bezier(.5,0,0,1)}.fashion-slider-scale{width:100%;height:100%;position:absolute;transform:scale(.6,.6);transition-duration:1s;transition-property:transform;transition-timing-function:cubic-bezier(.5,0,0,1);opacity:.9;overflow:hidden}.fashion-slider-scale img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(1.2,1.2) translateX(50%);transition-timing-function:cubic-bezier(.5,0,0,1);transition-property:transform}.swiper-spring{width:100%;height:320px;position:relative}.swiper-spring .swiper-slide{display:flex;flex-direction:column;box-sizing:border-box;padding:0 24px;transition-timing-function:cubic-bezier(.76,.09,.215,1)}.swiper-spring .swiper-slide-content{position:relative;height:auto;padding:0}.swiper-spring .swiper-slide img{flex:1;width:100%;height:auto;display:block;-o-object-fit:cover;object-fit:cover}.swiper-carousel{position:relative;margin:0 auto;max-width:1200px;height:400px;overflow:hidden}.swiper-carousel .swiper-slide .swiper-slide-content{opacity:0}.swiper-carousel .swiper-slide-active .swiper-slide-content{opacity:1;transition:all .3s ease-in}.swiper-poster{overflow:visible;max-width:400px;height:550px}.swiper-poster .swiper-slide{border-radius:10px}.swiper-material{height:300px;max-width:800px;--swiper-material-scale:1;--swiper-material-slide-size:100%;--swiper-material-slide-border-radius:32px}.swiper-material .swiper-slide{overflow:visible}.swiper-material-wrapper{border-radius:var(--swiper-material-slide-border-radius);overflow:hidden;position:absolute;width:100%;height:100%;left:0;top:0;box-sizing:border-box;pointer-events:auto}.swiper-material-content{position:absolute;transform:translate3d(0,0,0)}.swiper-horizontal .swiper-material-content{height:100%;width:var(--swiper-material-slide-size);left:calc(50% - var(--swiper-material-slide-size)/ 2);top:0}.swiper-vertical .swiper-material-content{width:100%;height:var(--swiper-material-slide-size);top:calc(50% - var(--swiper-material-slide-size)/ 2);left:0}