.wdt-button-holder
{
position: relative;
display: inline-flex;
-webkit-transition: var(--wdt-elementor-base-transition);
transition: var(--wdt-elementor-base-transition);
}
.wdt-button
{
font-size: 1em;
line-height: normal;
position: relative;
z-index: 0;
display: inline-flex;
overflow: visible;
align-items: stretch;
margin: 0;
-webkit-transition: var(--wdt-elementor-base-transition);
transition: var(--wdt-elementor-base-transition);
text-decoration: none;
letter-spacing: 0;
text-transform: none;
border: 1px solid transparent;
}
.wdt-button,
.wdt-button-holder .wdt-button
{
justify-content: center;
text-align: center;
color: var(--wdt-elementor-color-white);
background-color: var(--wdt-elementor-color-accent);
}
.wdt-button:focus,
.wdt-button-holder .wdt-button:focus,
.wdt-button:hover,
.wdt-button-holder .wdt-button:hover
{
color: var(--wdt-elementor-color-primary);
background-color: var(--wdt-elementor-color-secondary);
}
.wdt-button .wdt-button-text,
.wdt-button .wdt-button-icon
{
vertical-align: top;
}
.wdt-button .wdt-button-text
{
display: inline-grid;
align-content: center;
}
.wdt-button .wdt-button-icon
{
line-height: 0;
display: inline-flex;
transition: var(--wdt-elementor-base-transition);
}
.wdt-button .wdt-button-icon span
{
position: relative;
display: inherit;
align-items: center;
} .wdt-button .wdt-button-text .wdt-button-subtext
{
font-size: .75em;
display: block;
margin-top: -2px;
}
.wdt-button-holder.wdt-button-size-sm .wdt-button
{
font-size: 14px;
padding: .7em 1.5em;
}
.wdt-button-holder.wdt-button-size-nm .wdt-button
{
font-size: 16px;
padding: var(--wdtPadding_Btn) ;
}
.wdt-button-holder.wdt-button-size-lg .wdt-button
{
font-size: 18px;
padding: .9em 2em;
}
.elementor-align-justify .wdt-button-holder,
.elementor-align-justify .wdt-button-holder .wdt-button
{
width: 100%;
}
.wdt-button-holder.wdt-button-icon-before .wdt-button .wdt-button-icon
{
margin-right: 8px;
}
.wdt-button-holder.wdt-button-icon-after .wdt-button .wdt-button-icon
{
margin-left: 8px;
} .wdt-button-holder.wdt-button-style-underline:before,
.wdt-button-holder.wdt-button-style-overline:before,
.wdt-button-holder.wdt-button-style-line-through .wdt-button .wdt-button-text > span:before
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: inline !important;
width: auto;
height: 2px;
content: '';
-webkit-transition: inherit;
transition: inherit;
pointer-events: none;
}
.wdt-button-holder.wdt-button-style-underline .wdt-button
{
margin-bottom: 3px;
}
.wdt-button-holder.wdt-button-style-underline:before
{
top: auto;
bottom: 0;
}
.wdt-button-holder.wdt-button-style-overline .wdt-button
{
margin-top: 3px;
}
.wdt-button-holder.wdt-button-style-overline:before
{
top: 0;
bottom: auto;
}
.wdt-button-holder.wdt-button-style-underline:before,
.wdt-button-holder.wdt-button-style-overline:before
{
color: var(--wdt-elementor-color-accent);
background-color: currentColor;
background-image: inherit;
}
.wdt-button-holder.wdt-button-style-underline:focus:before,
.wdt-button-holder.wdt-button-style-underline:hover:before,
.wdt-button-holder.wdt-button-style-overline:focus:before,
.wdt-button-holder.wdt-button-style-overline:hover:before
{
color: var(--wdt-elementor-color-primary);
background-color: currentColor;
background-image: inherit;
}
.wdt-button-holder.wdt-button-style-line-through .wdt-button .wdt-button-text > span
{
position: relative;
}
.wdt-button-holder.wdt-button-style-line-through .wdt-button .wdt-button-text > span:before
{
margin: auto;
-webkit-transform: translateY(100%);
transform: translateY(100%);
background-color: currentColor;
} .wdt-button-holder.wdt-template-bordered .wdt-button
{
border-width: 1px;
border-color: currentColor;
background: none !important;
}
.wdt-button-holder.wdt-template-bordered .wdt-button:not(:focus),
.wdt-button-holder.wdt-template-bordered .wdt-button:not(:hover)
{
color: var(--wdt-elementor-color-accent);
}
.wdt-button-holder.wdt-template-bordered .wdt-button:focus,
.wdt-button-holder.wdt-template-bordered .wdt-button:hover
{
color: var(--wdt-elementor-color-primary);
} .wdt-button-holder.wdt-template-textual .wdt-button
{
padding: 0;
border-width: 0;
}
.wdt-button-holder.wdt-template-textual .wdt-button:not(:focus),
.wdt-button-holder.wdt-template-textual .wdt-button:not(:hover)
{
color: var(--wdt-elementor-color-accent);
border-width: 0;
background: none !important;
}
.wdt-button-holder.wdt-template-textual .wdt-button:focus,
.wdt-button-holder.wdt-template-textual .wdt-button:hover
{
color: var(--wdt-elementor-color-primary);
border-width: 0;
background: none;
} .wdt-button-holder.wdt-template-icon-highlighted .wdt-button
{
padding: 0;
}
.wdt-button-holder.wdt-template-icon-highlighted.wdt-button-size-sm .wdt-button .wdt-button-text
{
padding: .7em 1.5em;
}
.wdt-button-holder.wdt-template-icon-highlighted.wdt-button-size-nm .wdt-button .wdt-button-text
{
padding: .8em 1.75em;
}
.wdt-button-holder.wdt-template-icon-highlighted.wdt-button-size-lg .wdt-button .wdt-button-text
{
padding: .9em 2em;
}
.wdt-button-holder.wdt-template-icon-highlighted .wdt-button .wdt-button-icon
{
margin-right: 0;
margin-left: 0;
}
.wdt-button-holder.wdt-template-icon-highlighted .wdt-button .wdt-button-icon span
{
padding: 1em;
background-color: rgba(var(--wdt-elementor-color-secondary-rgb),.05);
} .wdt-button-holder.wdt-template-icon-separated .wdt-button .wdt-button-icon:after
{
z-index: -1;
display: inline-flex;
width: 1px;
height: 100%;
content: '';
-webkit-transition: inherit;
transition: inherit;
color: rgba(var(--wdt-elementor-color-secondary-rgb),.15);
background-color: currentColor;
}
.wdt-button-holder.wdt-template-icon-separated .wdt-button .wdt-button-icon span
{
padding: .5em 1em;
}
.wdt-button-holder.wdt-template-icon-separated.wdt-button-icon-before .wdt-button .wdt-button-icon
{
margin-right: 1em;
margin-left: -1em;
}
.wdt-button-holder.wdt-template-icon-separated.wdt-button-icon-after .wdt-button .wdt-button-icon
{
margin-right: -1em;
margin-left: 1em;
}
.wdt-button-holder.wdt-template-icon-separated.wdt-button-icon-after .wdt-button .wdt-button-icon:after
{
order: -1;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.wdt-button-holder.wdt-template-icon-separated.wdt-button-icon-before .wdt-button .wdt-button-icon:after
{
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
} .wdt-button-holder[class*='wdt-animation'] .wdt-button:before,
.wdt-button-holder[class*='wdt-animation'] .wdt-button:after,
.wdt-button-holder[class*='wdt-animation-linethrough'] .wdt-button .wdt-button-text > span:after
{
position: absolute;
z-index: -1;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: inline !important;
width: auto;
height: auto;
content: '';
-webkit-transition: inherit;
transition: inherit;
pointer-events: none;
}
.wdt-button-holder[class*='wdt-animation-sweep'] .wdt-button:after,
.wdt-button-holder[class*='wdt-animation-bounce'] .wdt-button:after,
.wdt-button-holder[class*='wdt-animation-shutter-out'] .wdt-button:after,
.wdt-button-holder[class*='wdt-animation-shutter-cross-forward-out'] .wdt-button:after,
.wdt-button-holder[class*='wdt-animation-shutter-cross-backward-out'] .wdt-button:after,
.wdt-button-holder[class*='wdt-animation-radial-in'] .wdt-button:hover:after,
.wdt-button-holder[class*='wdt-animation-radial-out'] .wdt-button:after,
.wdt-button-holder[class*='wdt-animation-shutter-in'] .wdt-button:focus:after,
.wdt-button-holder[class*='wdt-animation-shutter-in'] .wdt-button:hover:after,
.wdt-button-holder[class*='wdt-animation-shutter-cross-forward-in'] .wdt-button:focus:after,
.wdt-button-holder[class*='wdt-animation-shutter-cross-forward-in'] .wdt-button:hover:after,
.wdt-button-holder[class*='wdt-animation-shutter-cross-backward-in'] .wdt-button:focus:after,
.wdt-button-holder[class*='wdt-animation-shutter-cross-backward-in'] .wdt-button:hover:after
{
color: rgba(var(--wdt-elementor-color-secondary-rgb),.05);
background-color: currentColor;
}
.wdt-button-holder[class*='wdt-animation-underline'] .wdt-button:after,
.wdt-button-holder[class*='wdt-animation-overline'] .wdt-button:after
{
color: inherit;
background-color: currentColor;
} .wdt-button-holder[class*='wdt-animation-sweep'],
.wdt-button-holder[class*='wdt-animation-sweep'] .wdt-button
{
overflow: hidden;
} .wdt-button-holder.wdt-animation-sweep-to-top .wdt-button:after
{
top: 0;
bottom: auto;
height: 0;
}
.wdt-button-holder.wdt-animation-sweep-to-top .wdt-button:focus:after,
.wdt-button-holder.wdt-animation-sweep-to-top .wdt-button:hover:after
{
top: auto;
bottom: 0;
height: 100%;
} .wdt-button-holder.wdt-animation-sweep-to-bottom .wdt-button:after
{
top: auto;
bottom: 0;
height: 0;
}
.wdt-button-holder.wdt-animation-sweep-to-bottom .wdt-button:focus:after,
.wdt-button-holder.wdt-animation-sweep-to-bottom .wdt-button:hover:after
{
top: 0;
bottom: auto;
height: 100%;
} .wdt-button-holder.wdt-animation-sweep-to-left .wdt-button:after
{
right: auto;
left: 0;
width: 0;
}
.wdt-button-holder.wdt-animation-sweep-to-left .wdt-button:focus:after,
.wdt-button-holder.wdt-animation-sweep-to-left .wdt-button:hover:after
{
right: 0;
left: auto;
width: 100%;
} .wdt-button-holder.wdt-animation-sweep-to-right .wdt-button:after
{
right: 0;
left: auto;
width: 0;
}
.wdt-button-holder.wdt-animation-sweep-to-right .wdt-button:focus:after,
.wdt-button-holder.wdt-animation-sweep-to-right .wdt-button:hover:after
{
right: auto;
left: 0;
width: 100%;
} .wdt-button-holder[class*='wdt-animation-bounce'],
.wdt-button-holder[class*='wdt-animation-bounce'] .wdt-button
{
overflow: hidden;
}
.wdt-button-holder[class*='wdt-animation-bounce'] .wdt-button:focus:after,
.wdt-button-holder[class*='wdt-animation-bounce'] .wdt-button:hover:after
{
-webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
} .wdt-button-holder.wdt-animation-bounce-to-top .wdt-button:after
{
top: 0;
bottom: auto;
height: 0;
}
.wdt-button-holder.wdt-animation-bounce-to-top .wdt-button:focus:after,
.wdt-button-holder.wdt-animation-bounce-to-top .wdt-button:hover:after
{
top: auto;
bottom: 0;
height: 100%;
} .wdt-button-holder.wdt-animation-bounce-to-bottom .wdt-button:after
{
top: auto;
bottom: 0;
height: 0;
}
.wdt-button-holder.wdt-animation-bounce-to-bottom .wdt-button:focus:after,
.wdt-button-holder.wdt-animation-bounce-to-bottom .wdt-button:hover:after
{
top: 0;
bottom: auto;
height: 100%;
} .wdt-button-holder.wdt-animation-bounce-to-left .wdt-button:after
{
right: auto;
left: 0;
width: 0;
}
.wdt-button-holder.wdt-animation-bounce-to-left .wdt-button:focus:after,
.wdt-button-holder.wdt-animation-bounce-to-left .wdt-button:hover:after
{
right: 0;
left: auto;
width: 100%;
} .wdt-button-holder.wdt-animation-bounce-to-right .wdt-button:after
{
right: 0;
left: auto;
width: 0;
}
.wdt-button-holder.wdt-animation-bounce-to-right .wdt-button:focus:after,
.wdt-button-holder.wdt-animation-bounce-to-right .wdt-button:hover:after
{
right: auto;
left: 0;
width: 100%;
} .wdt-button-holder.wdt-animation-shutter-in-horizontal,
.wdt-button-holder.wdt-animation-shutter-in-horizontal .wdt-button
{
overflow: hidden;
}
.wdt-button-holder.wdt-animation-shutter-in-horizontal .wdt-button:focus:after,
.wdt-button-holder.wdt-animation-shutter-in-horizontal .wdt-button:hover:after
{
-webkit-transform: scaleX(0);
transform: scaleX(0);
} .wdt-button-holder.wdt-animation-shutter-out-horizontal,
.wdt-button-holder.wdt-animation-shutter-out-horizontal .wdt-button
{
overflow: hidden;
}
.wdt-button-holder.wdt-animation-shutter-out-horizontal .wdt-button:after
{
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
.wdt-button-holder.wdt-animation-shutter-out-horizontal .wdt-button:focus:after,
.wdt-button-holder.wdt-animation-shutter-out-horizontal .wdt-button:hover:after
{
-webkit-transform: scaleX(1);
transform: scaleX(1);
} .wdt-button-holder.wdt-animation-shutter-in-vertical,
.wdt-button-holder.wdt-animation-shutter-in-vertical .wdt-button
{
overflow: hidden;
}
.wdt-button-holder.wdt-animation-shutter-in-vertical .wdt-button:focus:after,
.wdt-button-holder.wdt-animation-shutter-in-vertical .wdt-button:hover:after
{
-webkit-transform: scaleY(0);
transform: scaleY(0);
} .wdt-button-holder.wdt-animation-shutter-out-vertical,
.wdt-button-holder.wdt-animation-shutter-out-vertical .wdt-button
{
overflow: hidden;
}
.wdt-button-holder.wdt-animation-shutter-out-vertical .wdt-button:after
{
-webkit-transform: scaleY(0);
transform: scaleY(0);
}
.wdt-button-holder.wdt-animation-shutter-out-vertical .wdt-button:focus:after,
.wdt-button-holder.wdt-animation-shutter-out-vertical .wdt-button:hover:after
{
-webkit-transform: scaleY(1);
transform: scaleY(1);
} .wdt-button-holder[class*='wdt-animation-shutter-cross'],
.wdt-button-holder[class*='wdt-animation-shutter-cross'] .wdt-button
{
overflow: hidden;
} .wdt-button-holder.wdt-animation-shutter-cross-forward-in .wdt-button:after
{
top: 50%;
bottom: auto;
height: auto;
padding-top: 100%;
-webkit-transform: rotate(-45deg) scale(1.25) translate(0,-50%);
transform: rotate(-45deg) scale(1.25) translate(0,-50%);
-webkit-transform-origin: center top;
transform-origin: center top;
}
.wdt-button-holder.wdt-animation-shutter-cross-forward-in .wdt-button:focus:after,
.wdt-button-holder.wdt-animation-shutter-cross-forward-in .wdt-button:hover:after
{
height: auto;
padding-top: 0;
} .wdt-button-holder.wdt-animation-shutter-cross-backward-in .wdt-button:after
{
top: 50%;
bottom: auto;
height: auto;
padding-top: 100%;
-webkit-transform: rotate(45deg) scale(1.25) translate(0,-50%);
transform: rotate(45deg) scale(1.25) translate(0,-50%);
-webkit-transform-origin: center top;
transform-origin: center top;
}
.wdt-button-holder.wdt-animation-shutter-cross-backward-in .wdt-button:focus:after,
.wdt-button-holder.wdt-animation-shutter-cross-backward-in .wdt-button:hover:after
{
height: auto;
padding-top: 0;
} .wdt-button-holder.wdt-animation-shutter-cross-forward-out .wdt-button:after
{
top: 50%;
bottom: auto;
height: auto;
padding-top: 0;
-webkit-transform: rotate(-45deg) scale(1.25) translate(0,-50%);
transform: rotate(-45deg) scale(1.25) translate(0,-50%);
-webkit-transform-origin: center top;
transform-origin: center top;
}
.wdt-button-holder.wdt-animation-shutter-cross-forward-out .wdt-button:focus:after,
.wdt-button-holder.wdt-animation-shutter-cross-forward-out .wdt-button:hover:after
{
height: auto;
padding-top: 100%;
} .wdt-button-holder.wdt-animation-shutter-cross-backward-out .wdt-button:after
{
top: 50%;
bottom: auto;
height: auto;
padding-top: 0;
-webkit-transform: rotate(45deg) scale(1.25) translate(0,-50%);
transform: rotate(45deg) scale(1.25) translate(0,-50%);
-webkit-transform-origin: center top;
transform-origin: center top;
}
.wdt-button-holder.wdt-animation-shutter-cross-backward-out .wdt-button:focus:after,
.wdt-button-holder.wdt-animation-shutter-cross-backward-out .wdt-button:hover:after
{
height: auto;
padding-top: 100%;
} .wdt-button-holder[class*='wdt-animation-radial'],
.wdt-button-holder[class*='wdt-animation-radial'] .wdt-button
{
overflow: hidden;
}
.wdt-button-holder[class*='wdt-animation-radial'] .wdt-button:after
{
top: 50%;
right: auto;
bottom: auto;
left: 50%;
height: auto;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 50%;
border-radius: 50%;
} .wdt-button-holder.wdt-animation-radial-in .wdt-button:after
{
width: 120%;
padding-top: 120%;
}
.wdt-button-holder.wdt-animation-radial-in .wdt-button:focus:after,
.wdt-button-holder.wdt-animation-radial-in .wdt-button:hover:after
{
width: 0;
padding-top: 0;
} .wdt-button-holder.wdt-animation-radial-out .wdt-button:after
{
width: 0;
padding-top: 0;
}
.wdt-button-holder.wdt-animation-radial-out .wdt-button:focus:after,
.wdt-button-holder.wdt-animation-radial-out .wdt-button:hover:after
{
width: 120%;
padding-top: 120%;
} .wdt-button-holder.wdt-animation-ripple-in,
.wdt-button-holder.wdt-animation-ripple-in .wdt-button
{
overflow: visible;
}
.wdt-button-holder.wdt-animation-ripple-in .wdt-button:after
{
margin: -1.2em;
transition: all .4s ease-in-out 0s, opacity .4s ease-in-out .3s;
border-style: solid;
border-color: transparent;
-webkit-border-radius: inherit;
border-radius: inherit;
background: transparent;
}
.wdt-button-holder.wdt-animation-ripple-in .wdt-button:focus:after,
.wdt-button-holder.wdt-animation-ripple-in .wdt-button:hover:after
{
margin: -.2em;
opacity: 0;
border-color: inherit;
background: inherit;
} .wdt-button-holder.wdt-animation-ripple-out,
.wdt-button-holder.wdt-animation-ripple-out .wdt-button
{
overflow: visible;
}
.wdt-button-holder.wdt-animation-ripple-out .wdt-button:after
{
margin: -.2em;
transition: all .4s ease-in-out .15s, opacity .4s ease-in-out 0s;
opacity: 0;
border-style: solid;
border-color: inherit;
-webkit-border-radius: inherit;
border-radius: inherit;
background: inherit;
}
.wdt-button-holder.wdt-animation-ripple-out .wdt-button:focus:after,
.wdt-button-holder.wdt-animation-ripple-out .wdt-button:hover:after
{
margin: -1.2em;
opacity: 1;
border-color: transparent;
background: transparent;
} .wdt-button-holder[class*='wdt-animation-outline'] .wdt-button:after
{
padding: 2px;
background-color: inherit;
background-image: inherit;
-webkit-mask: linear-gradient(var(--wdt-elementor-color-white) 0 0) content-box, linear-gradient(var(--wdt-elementor-color-white) 0 0);
mask: linear-gradient(var(--wdt-elementor-color-white) 0 0) content-box, linear-gradient(var(--wdt-elementor-color-white) 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
} .wdt-button-holder.wdt-animation-outline-in .wdt-button:after
{
margin: 0;
opacity: 0;
color: inherit;
-webkit-border-radius: inherit;
border-radius: inherit;
background-color: currentColor;
}
.wdt-button-holder.wdt-animation-outline-in .wdt-button:focus:after,
.wdt-button-holder.wdt-animation-outline-in .wdt-button:hover:after
{
margin: 2px;
opacity: 1;
}
.wdt-button-holder.wdt-template-textual.wdt-animation-outline-in .wdt-button:after
{
margin: -6px;
}
.wdt-button-holder.wdt-template-textual.wdt-animation-outline-in .wdt-button:focus:after,
.wdt-button-holder.wdt-template-textual.wdt-animation-outline-in .wdt-button:hover:after
{
margin: -3px;
} .wdt-button-holder.wdt-animation-outline-out .wdt-button:after
{
margin: 0;
opacity: 0;
color: rgba(var(--wdt-elementor-color-secondary-rgb),.5);
-webkit-border-radius: inherit;
border-radius: inherit;
background-color: currentColor;
}
.wdt-button-holder.wdt-animation-outline-out .wdt-button:focus:after,
.wdt-button-holder.wdt-animation-outline-out .wdt-button:hover:after
{
margin: -5px;
opacity: 1;
} .wdt-button-holder[class*='wdt-animation-overline'],
.wdt-button-holder[class*='wdt-animation-overline'] .wdt-button
{
overflow: hidden;
}
.wdt-button-holder[class*='wdt-animation-overline'] .wdt-button:after
{
top: 0;
bottom: auto;
}
.wdt-button-holder[class*='wdt-animation-underline'],
.wdt-button-holder[class*='wdt-animation-underline'] .wdt-button
{
overflow: hidden;
}
.wdt-button-holder[class*='wdt-animation-underline'] .wdt-button:after
{
top: auto;
bottom: 0;
}
.wdt-button-holder.wdt-animation-overline-left .wdt-button:after,
.wdt-button-holder.wdt-animation-underline-left .wdt-button:after
{
right: 0;
left: auto;
width: 0;
height: 2px;
}
.wdt-button-holder.wdt-animation-overline-left .wdt-button:focus:after,
.wdt-button-holder.wdt-animation-overline-left .wdt-button:hover:after,
.wdt-button-holder.wdt-animation-underline-left .wdt-button:focus:after,
.wdt-button-holder.wdt-animation-underline-left .wdt-button:hover:after
{
right: auto;
left: 0;
width: 100%;
}
.wdt-button-holder.wdt-animation-overline-right .wdt-button:after,
.wdt-button-holder.wdt-animation-underline-right .wdt-button:after
{
right: auto;
left: 0;
width: 0;
height: 2px;
}
.wdt-button-holder.wdt-animation-overline-right .wdt-button:focus:after,
.wdt-button-holder.wdt-animation-overline-right .wdt-button:hover:after,
.wdt-button-holder.wdt-animation-underline-right .wdt-button:focus:after,
.wdt-button-holder.wdt-animation-underline-right .wdt-button:hover:after
{
right: 0;
left: auto;
width: 100%;
}
.wdt-button-holder.wdt-animation-overline-middle .wdt-button:after,
.wdt-button-holder.wdt-animation-underline-middle .wdt-button:after
{
width: 0;
height: 2px;
margin-right: auto;
margin-left: auto;
}
.wdt-button-holder.wdt-animation-overline-middle .wdt-button:focus:after,
.wdt-button-holder.wdt-animation-overline-middle .wdt-button:hover:after,
.wdt-button-holder.wdt-animation-underline-middle .wdt-button:focus:after,
.wdt-button-holder.wdt-animation-underline-middle .wdt-button:hover:after
{
width: 100%;
}
.wdt-button-holder.wdt-animation-overline-reveal .wdt-button:after
{
top: 0;
bottom: auto;
height: 3px;
transition: all .5s ease;
transform: translateY(-100%);
opacity: 0;
}
.wdt-button-holder.wdt-animation-overline-reveal .wdt-button:focus:after,
.wdt-button-holder.wdt-animation-overline-reveal .wdt-button:hover:after
{
transform: translateY(0);
opacity: 1;
}
.wdt-button-holder.wdt-animation-underline-reveal .wdt-button:after
{
top: auto;
bottom: 0;
height: 3px;
transition: all .5s ease;
transform: translateY(100%);
opacity: 0;
}
.wdt-button-holder.wdt-animation-underline-reveal .wdt-button:focus:after,
.wdt-button-holder.wdt-animation-underline-reveal .wdt-button:hover:after
{
transform: translateY(0);
opacity: 1;
} .wdt-button-holder[class*='wdt-animation-updownline'],
.wdt-button-holder[class*='wdt-animation-updownline'] .wdt-button
{
overflow: hidden;
}
.wdt-button-holder[class*='wdt-animation-updownline'] .wdt-button:after
{
top: 0;
bottom: 0;
color: inherit;
border-width: 2px 0;
border-style: solid;
border-color: currentColor;
background: none;
} .wdt-button-holder.wdt-animation-updownline-left .wdt-button:after
{
right: 0;
left: auto;
width: 0;
}
.wdt-button-holder.wdt-animation-updownline-left .wdt-button:focus:after,
.wdt-button-holder.wdt-animation-updownline-left .wdt-button:hover:after
{
right: auto;
left: 0;
width: 100%;
} .wdt-button-holder.wdt-animation-updownline-right .wdt-button:after
{
right: auto;
left: 0;
width: 0;
}
.wdt-button-holder.wdt-animation-updownline-right .wdt-button:focus:after,
.wdt-button-holder.wdt-animation-updownline-right .wdt-button:hover:after
{
right: 0;
left: auto;
width: 100%;
} .wdt-button-holder.wdt-animation-updownline-middle .wdt-button:after
{
width: 0;
margin-right: auto;
margin-left: auto;
}
.wdt-button-holder.wdt-animation-updownline-middle .wdt-button:focus:after,
.wdt-button-holder.wdt-animation-updownline-middle .wdt-button:hover:after
{
width: 100%;
} .wdt-button-holder.wdt-animation-updownline-reveal .wdt-button:after
{
top: -3px;
bottom: -3px;
opacity: 0;
}
.wdt-button-holder.wdt-animation-updownline-reveal .wdt-button:focus:after,
.wdt-button-holder.wdt-animation-updownline-reveal .wdt-button:hover:after
{
top: 0;
bottom: 0;
opacity: 1;
} .wdt-button-holder[class*='wdt-animation-linethrough'] .wdt-button .wdt-button-text > span
{
position: relative;
transition: var(--wdt-elementor-base-transition);
}
.wdt-button-holder[class*='wdt-animation-linethrough'] .wdt-button .wdt-button-text > span:after
{
height: 2px;
margin-top: auto;
margin-bottom: auto;
-webkit-transform: translateY(100%);
transform: translateY(100%);
background-color: currentColor;
} .wdt-button-holder.wdt-animation-linethrough-left .wdt-button .wdt-button-text > span:after
{
right: 0;
left: auto;
width: 0;
}
.wdt-button-holder.wdt-animation-linethrough-left .wdt-button:focus .wdt-button-text > span:after,
.wdt-button-holder.wdt-animation-linethrough-left .wdt-button:hover .wdt-button-text > span:after
{
right: auto;
left: 0;
width: 100%;
} .wdt-button-holder.wdt-animation-linethrough-right .wdt-button .wdt-button-text > span:after
{
right: auto;
left: 0;
width: 0;
}
.wdt-button-holder.wdt-animation-linethrough-right .wdt-button:focus .wdt-button-text > span:after,
.wdt-button-holder.wdt-animation-linethrough-right .wdt-button:hover .wdt-button-text > span:after
{
right: 0;
left: auto;
width: 100%;
} .wdt-button-holder.wdt-animation-linethrough-middle .wdt-button .wdt-button-text > span:after
{
width: 0;
margin-right: auto;
margin-left: auto;
}
.wdt-button-holder.wdt-animation-linethrough-middle .wdt-button:focus .wdt-button-text > span:after,
.wdt-button-holder.wdt-animation-linethrough-middle .wdt-button:hover .wdt-button-text > span:after
{
width: 100%;
} .wdt-button-holder.wdt-animation-linethrough-reveal .wdt-button .wdt-button-text > span
{
perspective: 100px;
}
.wdt-button-holder.wdt-animation-linethrough-reveal .wdt-button .wdt-button-text > span:after
{
transform: translateZ(25px);
opacity: 0;
}
.wdt-button-holder.wdt-animation-linethrough-reveal .wdt-button:focus .wdt-button-text > span:after,
.wdt-button-holder.wdt-animation-linethrough-reveal .wdt-button:hover .wdt-button-text > span:after
{
transform: translateZ(0);
opacity: 1;
} .wdt-custom-button-full-width .wdt-button-holder,.wdt-custom-button-full-width .wdt-button-holder .wdt-button {width: 100%;}
.wdt-custom-button-style .wdt-button-holder .wdt-button{
border: 0 !important;
}