.envo-extra-elementor-button {
position: relative;
display: inline-block;
line-height: 1;
background-color: var(--e-global-color-accent);
font-size: 15px;
padding: 15px 30px;
border-radius: 3px;
color: #fff;
fill: #fff;
text-align: center;
overflow: hidden;
-webkit-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.envo-extra-elementor-button-inner {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
z-index: 1;
}
.envo-extra-elementor-button-media {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
}
.envo-extra-elementor-button-media > svg {
width: 20px;
height: auto;
}
.envo-extra-align-icon-left .envo-extra-elementor-button-media,
.envo-extra-promo-box-align-left > i,
.envo-extra-promo-box-align-left > svg {
margin-right: 5px;
}
.envo-extra-align-icon-right .envo-extra-elementor-button-media {
margin-left: 5px;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
[class*="envo-extra-elementor-button-hover-style-underline"]:before {
content: "";
position: absolute;
background-color: #2b2b2b;
height: 5px;
-webkit-transition-property: all;
-o-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.envo-extra-elementor-button-hover-style-underlineFromLeft:before,
.envo-extra-elementor-horizontal-menu-style-underlineFromLeft .envo-extra-elementor-horizontal-navbar-nav > li > a:before {
left: 0;
right: 100%;
bottom: 0;
}
.envo-extra-elementor-button-hover-style-underlineFromRight:before,
.envo-extra-elementor-horizontal-menu-style-underlineFromRight .envo-extra-elementor-horizontal-navbar-nav > li > a:before {
left: 100%;
right: 0;
bottom: 0;
}
.envo-extra-elementor-button-hover-style-underlineFromCenter:before,
.envo-extra-elementor-horizontal-menu-style-underlineFromCenter .envo-extra-elementor-horizontal-navbar-nav > li > a:before {
left: 51%;
right: 51%;
bottom: 0;
}
.envo-extra-elementor-button-hover-style-underlineFromLeft:focus:before,
.envo-extra-elementor-button-hover-style-underlineFromLeft:hover:before,
.envo-extra-elementor-horizontal-menu-style-underlineCrossOver .envo-extra-elementor-horizontal-navbar-nav > li.current_page_item > a:before,
.envo-extra-elementor-horizontal-menu-style-underlineCrossOver .envo-extra-elementor-horizontal-navbar-nav > li:hover > a:before,
.envo-extra-elementor-horizontal-menu-style-underlineFromLeft .envo-extra-elementor-horizontal-navbar-nav > li.current_page_item > a:before,
.envo-extra-elementor-horizontal-menu-style-underlineFromLeft .envo-extra-elementor-horizontal-navbar-nav > li:hover > a:before,
.envo-extra-horizontal-timeline-next {
right: 0;
}
.envo-extra-elementor-button-hover-style-underlineFromRight:focus:before,
.envo-extra-elementor-button-hover-style-underlineFromRight:hover:before,
.envo-extra-elementor-horizontal-menu-style-underlineFromRight .envo-extra-elementor-horizontal-navbar-nav > li.current_page_item > a:before,
.envo-extra-elementor-horizontal-menu-style-underlineFromRight .envo-extra-elementor-horizontal-navbar-nav > li:hover > a:before,
.envo-extra-horizontal-timeline-prev {
left: 0;
}
.envo-extra-elementor-button-hover-style-underlineFromCenter:focus:before,
.envo-extra-elementor-button-hover-style-underlineFromCenter:hover:before,
.envo-extra-elementor-horizontal-menu-style-underlineFromCenter .envo-extra-elementor-horizontal-navbar-nav > li.current_page_item > a:before,
.envo-extra-elementor-horizontal-menu-style-underlineFromCenter .envo-extra-elementor-horizontal-navbar-nav > li:hover > a:before {
left: 0;
right: 0;
}
.envo-extra-elementor-button-hover-style-skewFill:before {
position: absolute;
top: 0;
height: 100%;
content: "";
background-color: #e1e1e1;
width: 120%;
left: -10%;
-webkit-transform: skew(30deg);
-ms-transform: skew(30deg);
transform: skew(30deg);
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.3, 1, 0.8, 1);
transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1);
-o-transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1);
transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1), -webkit-transform 0.4s cubic-bezier(0.3, 1, 0.8, 1);
}
.envo-extra-elementor-button-hover-style-skewFill:focus::before,
.envo-extra-elementor-button-hover-style-skewFill:hover::before {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.envo-extra-elementor-button-hover-style-bubbleFromDown::before {
position: absolute;
content: "";
background-color: #e1e1e1;
width: 120%;
height: 0;
padding-bottom: 120%;
top: -110%;
left: -10%;
border-radius: 50%;
-webkit-transform: translate3d(0, 68%, 0) scale3d(0, 0, 0);
transform: translate3d(0, 68%, 0) scale3d(0, 0, 0);
}
.envo-extra-elementor-button-hover-style-bubbleFromDown:focus::before,
.envo-extra-elementor-button-hover-style-bubbleFromDown:hover::before {
-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
-o-transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}
.envo-extra-elementor-button-hover-style-bubbleFromDown::after {
content: "";
background-color: #e1e1e1;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
-o-transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}
.envo-extra-elementor-button-hover-style-bubbleFromDown:focus::after,
.envo-extra-elementor-button-hover-style-bubbleFromDown:hover::after {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition-duration: 50ms;
-o-transition-duration: 50ms;
transition-duration: 50ms;
-webkit-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
transition-delay: 0.4s;
-webkit-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
}
.envo-extra-elementor-button-hover-style-bubbleFromCenter::after,
.envo-extra-elementor-button-hover-style-bubbleFromCenter::before {
content: "";
position: absolute;
background-color: #e1e1e1;
}
.envo-extra-elementor-button-hover-style-bubbleFromCenter::before {
width: 110%;
height: 0;
padding-bottom: 110%;
top: 50%;
left: 50%;
border-radius: 50%;
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
}
.envo-extra-elementor-button-hover-style-bubbleFromCenter:focus::before,
.envo-extra-elementor-button-hover-style-bubbleFromCenter:hover::before {
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
-o-transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
}
.envo-extra-elementor-button-hover-style-bubbleFromCenter::after {
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.envo-extra-elementor-button-hover-style-bubbleFromCenter:focus::after,
.envo-extra-elementor-button-hover-style-bubbleFromCenter:hover::after {
opacity: 1;
-webkit-transition-duration: 10ms;
-o-transition-duration: 10ms;
transition-duration: 10ms;
-webkit-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.envo-extra-elementor-button-hover-style-flipSlide:focus > .envo-extra-elementor-button-inner,
.envo-extra-elementor-button-hover-style-flipSlide:hover > .envo-extra-elementor-button-inner {
-webkit-animation: 0.2s forwards MoveUpInitial, 0.2s 0.2s forwards MoveUpEnd;
animation: 0.2s forwards MoveUpInitial, 0.2s 0.2s forwards MoveUpEnd;
}
@-webkit-keyframes MoveUpInitial {
to {
-webkit-transform: translate3d(0, -105%, 0);
transform: translate3d(0, -105%, 0);
opacity: 0;
}
}
@keyframes MoveUpInitial {
to {
-webkit-transform: translate3d(0, -105%, 0);
transform: translate3d(0, -105%, 0);
opacity: 0;
}
}
@-webkit-keyframes MoveUpEnd {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes MoveUpEnd {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.envo-extra-elementor-button-hover-style-flipSlide::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background: #e1e1e1;
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);
transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);
-o-transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);
transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.envo-extra-business-hour-day,
.envo-extra-elementor-horizontal-navbar-nav > li > a {
-webkit-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
}
.envo-extra-elementor-button-hover-style-flipSlide:hover::before,
.envo-extra-elementor-button-hover-style-flipSlide:hover:focus {
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
-webkit-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}