.wdt-button-holder {
display: inline-flex;
position: relative;
-webkit-transition: var(--wdt-elementor-base-transition);
transition: var(--wdt-elementor-base-transition);
}
.wdt-button {
border: 1px solid transparent;
display: inline-flex;
align-items: stretch;
font-size: 1em;
letter-spacing: 0;
line-height: normal;
margin: 0;
overflow: visible;
position: relative;
z-index: 0;
text-decoration: none;
text-transform: none;
-webkit-transition: var(--wdt-elementor-base-transition);
transition: var(--wdt-elementor-base-transition);
}
.wdt-button,
.wdt-button-holder .wdt-button {
background-color: var(--wdtPrimaryColor);
color: var(--wdtAccentTxtColor);
justify-content: center;
text-align: center;
}
.wdt-button:focus,
.wdt-button-holder .wdt-button:focus,
.wdt-button:hover,
.wdt-button-holder .wdt-button:hover {
background-color: var(--wdtTertiaryColor);
color: var(--wdtPrimaryColor);
-webkit-box-shadow: unset;
box-shadow: unset;
}
.wdt-dark-bg .wdt-button:focus,
.wdt-dark-bg .wdt-button-holder .wdt-button:focus,
.wdt-dark-bg .wdt-button:hover,
.wdt-dark-bg .wdt-button-holder .wdt-button:hover {
background-color: var(--wdtTertiaryColor);
color: var(--wdtPrimaryColor);
}
.wdt-button .wdt-button-text,
.wdt-button .wdt-button-icon {
vertical-align: top;
}
.wdt-button .wdt-button-text {
display: inline-grid;
align-content: center;
text-align: left;
gap: 10px;
height: 100%;
}
.wdt-button .wdt-button-icon {
display: inline-flex;
line-height: 0;
transition: var(--wdt-elementor-base-transition)
}
.wdt-button .wdt-button-icon span {
display: inherit;
align-items: center;
position: relative;
} .wdt-button .wdt-button-text .wdt-button-subtext {
display: block;
font-size: 0.75em;
margin-top: -2px;
}
.wdt-button-holder.wdt-button-size-sm .wdt-button {
font-size: var(--wdtFontSize_Base);
padding: var(--wdtPadding_MiniBtn);
font-family: var(--wdtFontTypo_Base);
font-weight: calc(var(--wdtFontWeight_Base) + 100);
line-height: var(--wdtBtnLineHeight);
text-transform: capitalize;
}
.wdt-button-holder.wdt-button-size-nm .wdt-button {
font-size: var(--wdtFontSize_Base);
padding: var(--wdtPadding_Btn);
font-family: var(--wdtFontTypo_Base);
font-weight: calc(var(--wdtFontWeight_Base) + 100);
line-height: var(--wdtBtnLineHeight);
}
.wdt-button-holder.wdt-button-size-lg .wdt-button {
font-size: var(--wdtFontSize_Ext);
padding: var(--wdtPadding_MaxiBtn);
font-family: var(--wdtFontTypo_Base);
font-weight: calc(var(--wdtFontWeight_Base) + 100);
line-height: var(--wdtBtnLineHeight);
}
.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 {
content: "";
display: inline !important;
height: 1px;
pointer-events: none;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
width: auto;
-webkit-transition: inherit;
transition: inherit;
}
.wdt-button-holder.wdt-button-style-underline .wdt-button {
margin-bottom: 3px;
}
.wdt-button-holder.wdt-button-style-underline:before {
bottom: 0;
top: auto;
}
.wdt-button-holder.wdt-button-style-overline .wdt-button {
margin-top: 3px;
}
.wdt-button-holder.wdt-button-style-overline:before {
bottom: auto;
top: 0;
}
.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 {
background-color: currentColor;
margin: auto;
-webkit-transform: translateY(100%);
transform: translateY(100%);
} .wdt-button-holder.wdt-template-bordered .wdt-button {
background-color: transparent;
border-color: var(--wdtPrimaryColor);
border-width: 1px;
}
.wdt-button-holder.wdt-template-bordered .wdt-button:not(:focus),
.wdt-button-holder.wdt-template-bordered .wdt-button:not(:hover) {
color: var(--wdtPrimaryColor);
}
.wdt-button-holder.wdt-template-bordered .wdt-button:focus,
.wdt-button-holder.wdt-template-bordered .wdt-button:hover {
color: var(--wdtAccentTxtColor);
background-color: var(--wdtPrimaryColor);
} .wdt-button-holder.wdt-template-textual .wdt-button {
border-width: 0;
padding: 0;
border-radius: 0;
}
.wdt-button-holder.wdt-template-textual .wdt-button:not(:focus),
.wdt-button-holder.wdt-template-textual .wdt-button:not(:hover) {
background: none !important;
border-width: 0;
color: var(--wdt-elementor-color-accent);
}
.wdt-button-holder.wdt-template-textual .wdt-button:focus,
.wdt-button-holder.wdt-template-textual .wdt-button:hover {
background: none;
border-width: 0;
color: var(--wdt-elementor-color-primary);
-webkit-box-shadow: none;
box-shadow: none;
} .wdt-button-holder.wdt-template-icon-highlighted .wdt-button {
padding: 0;
display: flex;
align-items: center;
}
.wdt-button-holder.wdt-template-icon-highlighted.wdt-button-size-sm .wdt-button .wdt-button-text {
padding: 0.7em 1.5em;
}
.wdt-button-holder.wdt-template-icon-highlighted.wdt-button-size-nm .wdt-button .wdt-button-text {
padding: 0.8em 1.75em;
}
.wdt-button-holder.wdt-template-icon-highlighted.wdt-button-size-lg .wdt-button .wdt-button-text {
padding: 0.9em 2em;
}
.wdt-button-holder.wdt-template-icon-highlighted .wdt-button .wdt-button-icon {
margin-left: 0;
margin-right: 0;
}
.wdt-button-holder.wdt-template-icon-highlighted .wdt-button .wdt-button-icon span {
background-color: rgba(var(--wdt-elementor-color-secondary-rgb), 0.05);
padding: 1em;
}
.wdt-button-holder.wdt-template-icon-highlighted .wdt-button .wdt-button-text>span {
text-decoration: underline;
text-decoration-skip-ink: none;
line-height: normal;
margin: 0;
text-transform: capitalize;
text-underline-offset: 1.5px;
text-decoration-thickness: 1px;
font-size: 1rem;
}
.wdt-button-holder.wdt-template-icon-highlighted .wdt-button .wdt-button-text>small {
font-size: 80%;
font-weight: 600;
} .wdt-button-holder.wdt-template-icon-separated .wdt-button .wdt-button-icon:after {
background-color: currentColor;
color: rgba(var(--wdt-elementor-color-secondary-rgb), 0.15);
content: "";
display: inline-flex;
height: 100%;
width: 1px;
z-index: -1;
-webkit-transition: inherit;
transition: inherit;
}
.wdt-button-holder.wdt-template-icon-separated .wdt-button .wdt-button-icon span {
padding: 0.5em 1em;
}
.wdt-button-holder.wdt-template-icon-separated.wdt-button-icon-before .wdt-button .wdt-button-icon {
margin-left: -1em;
margin-right: 1em;
}
.wdt-button-holder.wdt-template-icon-separated.wdt-button-icon-after .wdt-button .wdt-button-icon {
margin-left: 1em;
margin-right: -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 {
content: "";
display: inline !important;
height: auto;
pointer-events: none;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
width: auto;
z-index: -1;
-webkit-transition: inherit;
transition: inherit;
}
.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 {
background-color: currentColor;
color: rgba(var(--wdt-elementor-color-secondary-rgb), 0.05);
}
.wdt-button-holder[class*="wdt-animation-underline"] .wdt-button:after,
.wdt-button-holder[class*="wdt-animation-overline"] .wdt-button:after {
background-color: currentColor;
color: inherit;
} .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 {
height: 0;
bottom: auto;
top: 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 {
height: 100%;
bottom: 0;
top: auto;
} .wdt-button-holder.wdt-animation-sweep-to-bottom .wdt-button:after {
height: 0;
bottom: 0;
top: auto;
}
.wdt-button-holder.wdt-animation-sweep-to-bottom .wdt-button:focus:after,
.wdt-button-holder.wdt-animation-sweep-to-bottom .wdt-button:hover:after {
height: 100%;
bottom: auto;
top: 0;
} .wdt-button-holder.wdt-animation-sweep-to-left .wdt-button:after {
width: 0;
left: 0;
right: auto;
}
.wdt-button-holder.wdt-animation-sweep-to-left .wdt-button:focus:after,
.wdt-button-holder.wdt-animation-sweep-to-left .wdt-button:hover:after {
width: 100%;
left: auto;
right: 0;
} .wdt-button-holder.wdt-animation-sweep-to-right .wdt-button:after {
width: 0;
left: auto;
right: 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 {
width: 100%;
left: 0;
right: auto;
} .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(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
} .wdt-button-holder.wdt-animation-bounce-to-top .wdt-button:after {
height: 0;
bottom: auto;
top: 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 {
height: 100%;
bottom: 0;
top: auto;
} .wdt-button-holder.wdt-animation-bounce-to-bottom .wdt-button:after {
height: 0;
bottom: 0;
top: auto;
}
.wdt-button-holder.wdt-animation-bounce-to-bottom .wdt-button:focus:after,
.wdt-button-holder.wdt-animation-bounce-to-bottom .wdt-button:hover:after {
height: 100%;
bottom: auto;
top: 0;
} .wdt-button-holder.wdt-animation-bounce-to-left .wdt-button:after {
width: 0;
left: 0;
right: auto;
}
.wdt-button-holder.wdt-animation-bounce-to-left .wdt-button:focus:after,
.wdt-button-holder.wdt-animation-bounce-to-left .wdt-button:hover:after {
width: 100%;
left: auto;
right: 0;
} .wdt-button-holder.wdt-animation-bounce-to-right .wdt-button:after {
width: 0;
left: auto;
right: 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 {
width: 100%;
left: 0;
right: auto;
} .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 {
height: auto;
padding-top: 100%;
bottom: auto;
top: 50%;
-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 {
height: auto;
padding-top: 100%;
bottom: auto;
top: 50%;
-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 {
height: auto;
padding-top: 0;
bottom: auto;
top: 50%;
-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 {
height: auto;
padding-top: 0;
bottom: auto;
top: 50%;
-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 {
height: auto;
bottom: auto;
right: auto;
left: 50%;
top: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} .wdt-button-holder.wdt-animation-radial-in .wdt-button:after {
padding-top: 120%;
width: 120%;
}
.wdt-button-holder.wdt-animation-radial-in .wdt-button:focus:after,
.wdt-button-holder.wdt-animation-radial-in .wdt-button:hover:after {
padding-top: 0;
width: 0;
} .wdt-button-holder.wdt-animation-radial-out .wdt-button:after {
padding-top: 0;
width: 0;
}
.wdt-button-holder.wdt-animation-radial-out .wdt-button:focus:after,
.wdt-button-holder.wdt-animation-radial-out .wdt-button:hover:after {
padding-top: 120%;
width: 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 {
border-color: transparent;
border-style: solid;
background: transparent;
margin: -1.2em;
-webkit-border-radius: inherit;
border-radius: inherit;
transition: all 0.4s ease-in-out 0s, opacity 0.4s ease-in-out 0.3s;
}
.wdt-button-holder.wdt-animation-ripple-in .wdt-button:focus:after,
.wdt-button-holder.wdt-animation-ripple-in .wdt-button:hover:after {
border-color: inherit;
background: inherit;
margin: -0.2em;
opacity: 0;
} .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 {
border-color: inherit;
border-style: solid;
background: inherit;
margin: -0.2em;
opacity: 0;
-webkit-border-radius: inherit;
border-radius: inherit;
transition: all 0.4s ease-in-out 0.15s, opacity 0.4s ease-in-out 0s;
}
.wdt-button-holder.wdt-animation-ripple-out .wdt-button:focus:after,
.wdt-button-holder.wdt-animation-ripple-out .wdt-button:hover:after {
border-color: transparent;
background: transparent;
margin: -1.2em;
opacity: 1;
} .wdt-button-holder[class*="wdt-animation-outline"] .wdt-button:after {
background-color: inherit;
background-image: inherit;
padding: 2px;
-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 {
color: inherit;
background-color: currentColor;
margin: 0;
opacity: 0;
-webkit-border-radius: inherit;
border-radius: inherit;
}
.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 {
color: rgba(var(--wdt-elementor-color-secondary-rgb), 0.5);
background-color: currentColor;
margin: 0;
opacity: 0;
-webkit-border-radius: inherit;
border-radius: inherit;
}
.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 {
bottom: auto;
top: 0;
}
.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 {
bottom: 0;
top: auto;
}
.wdt-button-holder.wdt-animation-overline-left .wdt-button:after,
.wdt-button-holder.wdt-animation-underline-left .wdt-button:after {
height: 1px;
left: auto;
right: 0;
width: 0;
}
.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 {
left: 0;
right: auto;
width: 100%;
}
.wdt-button-holder.wdt-animation-overline-right .wdt-button:after,
.wdt-button-holder.wdt-animation-underline-right .wdt-button:after {
height: 1px;
left: 0;
right: auto;
width: 0;
}
.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 {
left: auto;
right: 0;
width: 100%;
}
.wdt-button-holder.wdt-animation-overline-middle .wdt-button:after,
.wdt-button-holder.wdt-animation-underline-middle .wdt-button:after {
height: 1px;
margin-left: auto;
margin-right: auto;
width: 0;
}
.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 {
height: 3px;
opacity: 0;
bottom: auto;
top: 0;
transform: translateY(-100%);
transition: all 0.5s ease;
}
.wdt-button-holder.wdt-animation-overline-reveal .wdt-button:focus:after,
.wdt-button-holder.wdt-animation-overline-reveal .wdt-button:hover:after {
opacity: 1;
transform: translateY(0);
}
.wdt-button-holder.wdt-animation-underline-reveal .wdt-button:after {
height: 3px;
opacity: 0;
bottom: 0;
top: auto;
transform: translateY(100%);
transition: all 0.5s ease;
}
.wdt-button-holder.wdt-animation-underline-reveal .wdt-button:focus:after,
.wdt-button-holder.wdt-animation-underline-reveal .wdt-button:hover:after {
opacity: 1;
transform: translateY(0);
} .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 {
background: none;
border-color: currentColor;
color: inherit;
border-style: solid;
border-width: 2px 0;
bottom: 0;
top: 0;
} .wdt-button-holder.wdt-animation-updownline-left .wdt-button:after {
left: auto;
right: 0;
width: 0
}
.wdt-button-holder.wdt-animation-updownline-left .wdt-button:focus:after,
.wdt-button-holder.wdt-animation-updownline-left .wdt-button:hover:after {
left: 0;
right: auto;
width: 100%;
} .wdt-button-holder.wdt-animation-updownline-right .wdt-button:after {
left: 0;
right: auto;
width: 0;
}
.wdt-button-holder.wdt-animation-updownline-right .wdt-button:focus:after,
.wdt-button-holder.wdt-animation-updownline-right .wdt-button:hover:after {
left: auto;
right: 0;
width: 100%;
} .wdt-button-holder.wdt-animation-updownline-middle .wdt-button:after {
margin-left: auto;
margin-right: auto;
width: 0;
}
.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 {
opacity: 0;
bottom: -3px;
top: -3px;
}
.wdt-button-holder.wdt-animation-updownline-reveal .wdt-button:focus:after,
.wdt-button-holder.wdt-animation-updownline-reveal .wdt-button:hover:after {
opacity: 1;
bottom: 0;
top: 0;
} .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 {
background-color: currentColor;
height: 2px;
margin-top: auto;
margin-bottom: auto;
-webkit-transform: translateY(100%);
transform: translateY(100%);
} .wdt-button-holder.wdt-animation-linethrough-left .wdt-button .wdt-button-text>span:after {
left: auto;
right: 0;
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 {
left: 0;
right: auto;
width: 100%;
} .wdt-button-holder.wdt-animation-linethrough-right .wdt-button .wdt-button-text>span:after {
left: 0;
right: auto;
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 {
left: auto;
right: 0;
width: 100%;
} .wdt-button-holder.wdt-animation-linethrough-middle .wdt-button .wdt-button-text>span:after {
margin-left: auto;
margin-right: auto;
width: 0;
}
.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 {
opacity: 0;
transform: translateZ(25px);
}
.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 {
opacity: 1;
transform: translateZ(0);
} .wdt-button-holder.wdt-template-textual.wdt-animation-underline-left .wdt-button {
overflow: hidden;
line-height: 1;
font-weight: normal;
padding-bottom: 3px;
}
.wdt-button-holder.wdt-template-textual.wdt-animation-underline-left .wdt-button:after,
.wdt-button-holder.wdt-template-textual.wdt-animation-underline-left .wdt-button:before {
top: auto;
content: '';
display: block;
width: 100%;
height: 1px;
position: absolute;
bottom: 0;
background-color: currentColor;
transition: transform .4s cubic-bezier(.31, .29, .05, .96);
}
.wdt-button-holder.wdt-template-textual.wdt-animation-underline-left .wdt-button:before {
left: 0
}
.wdt-button-holder.wdt-template-textual.wdt-animation-underline-left .wdt-button:after {
left: -100%;
transition-delay: 0.3s
}
.wdt-button-holder.wdt-template-textual.wdt-animation-underline-left .wdt-button:hover:after,
.wdt-button-holder.wdt-template-textual.wdt-animation-underline-left .wdt-button:hover:before {
transform: translateX(100%)
}  .wdt-type-2-button .wdt-button-holder.wdt-button-size-nm .wdt-button {
border-radius: var(--wdtRadius_1X);
background: var(--wdtSecondaryColor);
}
.wdt-type-2-button .wdt-button-holder.wdt-button-size-nm .wdt-button:hover {
background: var(--wdtPrimaryColor);
color: var(--wdtHeadAltColor);
} .wdt-cus-border-radius-btn .wdt-button-holder .wdt-button {
border-radius: var(--wdtRadius_2X);
-webkit-border-radius: var(--wdtRadius_2X);
}