.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(--wdtHeadAltColor); color: var(--wdtAccentTxtColor); justify-content: center; text-align: center; text-transform: capitalize; }

.wdt-dark-bg .wdt-button, .wdt-dark-bg .wdt-button-holder .wdt-button { background-color: var(--wdtAccentTxtColor); color: var(--wdtHeadAltColor); }

.wdt-button:focus, .wdt-button-holder .wdt-button:focus,
.wdt-button:hover, .wdt-button-holder .wdt-button:hover { 
    background-color: var(--wdtPrimaryColor); color: var(--wdtAccentTxtColor);
    /* -webkit-box-shadow: 0px 0px 30px rgba(var(--wdtBodyBGColorRgb),0.2); box-shadow: 0px 0px 30px rgba(var(--wdtBodyBGColorRgb),0.2); */ }

.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(--wdtPrimaryColor); color: var(--wdtAccentTxtColor); }

.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-icon span, .wdt-button .wdt-button-icon span i { -webkit-transition: inherit; transition: inherit; } */

.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: 14px; padding: 0.7em 1.5em; 
    font-family: var(--wdtFontTypo_Base); font-weight: 500; line-height: 1; }
.wdt-button-holder.wdt-button-size-nm .wdt-button { font-size: 16px; padding: var(--wdtPadding_Btn); 
    font-family: var(--wdtFontTypo_Base); font-weight: 500; line-height: 1; text-transform: capitalize; }
.wdt-button-holder.wdt-button-size-lg .wdt-button { font-size: 18px; padding: 0.9em 2em; 
    font-family: var(--wdtFontTypo_Base); font-weight: 500; line-height: 1; }

.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; }


/* Theme style */

.wdt-button-holder .wdt-button:not(:has(.wdt-button-icon)) { padding-right: 46px; }
.wdt-button-holder .wdt-button:not(:has(.wdt-button-icon)) .wdt-button-text::after,
.wdt-button-holder .wdt-button:not(:has(.wdt-button-icon)) .wdt-button-text::before { content: ''; width: 11px; height: 13px; background-color: var(--wdtPrimaryColor); display: inline-block; clip-path: polygon(10% 10%, 30% 0%, 90% 50%, 30% 100%, 10% 90%, 60% 50%); -webkit-clip-path: polygon(10% 10%, 30% 0%, 90% 50%, 30% 100%, 10% 90%, 60% 50%); position: absolute; right: 27px; transform: translateX(0px); -webkit-transform: translateX(0px); transition: transform 0.3s ease, opacity 0.3s ease; -webkit-transition: transform 0.3s ease, opacity 0.3s ease; }
.wdt-button-holder .wdt-button:not(:has(.wdt-button-icon)) .wdt-button-text::before { background-color: currentColor; transform: translateX(-20px); -webkit-transform: translateX(-20px); z-index: 1; opacity:0; }
.wdt-button-holder .wdt-button:not(:has(.wdt-button-icon)):hover .wdt-button-text::before,
.wdt-button-holder .wdt-button:not(:has(.wdt-button-icon)):focus .wdt-button-text::before { transform: translateX(0px); -webkit-transform: translateX(0px); opacity:1; transition-delay: 0.15s; -webkit-transition-delay: 0.15s; }
.wdt-button-holder .wdt-button:not(:has(.wdt-button-icon)):hover .wdt-button-text::after,
.wdt-button-holder .wdt-button:not(:has(.wdt-button-icon)):focus .wdt-button-text::after { transform: translateX(10px); -webkit-transform: translateX(10px); opacity: 0; }
.wdt-button-holder .wdt-button:not(:has(.wdt-button-icon)) .wdt-button-text > span { z-index: 1; }
.wdt-button-holder .wdt-button:not(:has(.wdt-button-icon,.wdt-button-subtext)) .wdt-button-text { display: flex; align-items: center; }

.wdt-button-holder.wdt-template-textual .wdt-button:not(:has(.wdt-button-icon)) { padding-right: 20px; }
.wdt-button-holder.wdt-template-textual .wdt-button:not(:has(.wdt-button-icon)) .wdt-button-text::after,
.wdt-button-holder.wdt-template-textual .wdt-button:not(:has(.wdt-button-icon)) .wdt-button-text::before { right: 0; }

.wdt-primary-bg .wdt-button-holder .wdt-button:not(:has(.wdt-button-icon)) .wdt-button-text::after { background-color: var(--wdtAccentTxtColor); }

/* Styles */
.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%); }


/* Template - Bordered */
.wdt-button-holder.wdt-template-bordered .wdt-button { background: none !important; border-color: currentColor; 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(--wdt-elementor-color-primary); }

.wdt-button-holder.wdt-template-bordered .wdt-button:focus, 
.wdt-button-holder.wdt-template-bordered .wdt-button:hover { color: var(--wdtPrimaryColor); border-color: currentColor; }

.wdt-primary-bg .wdt-button-holder.wdt-template-bordered .wdt-button:not(:focus), 
.wdt-primary-bg .wdt-button-holder.wdt-template-bordered .wdt-button:not(:hover) { color: var(--wdtAccentTxtColor); }

.wdt-primary-bg .wdt-button-holder.wdt-template-bordered .wdt-button:focus, 
.wdt-primary-bg .wdt-button-holder.wdt-template-bordered .wdt-button:hover { color: var(--wdtSecondaryColor); }


/* Template - Textual */
.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(--wdtHeadAltColor); }

.wdt-button-holder.wdt-template-textual .wdt-button .wdt-button-icon span { font-size: clamp(1.5rem, 1.3rem + 1vw, 2.5rem) /* 40 - 24 */; width: clamp(4.0625rem, 3.625rem + 2.1875vw, 6.25rem) /* 100 - 65 */; height: clamp(4.0625rem, 3.625rem + 2.1875vw, 6.25rem) /* 100 - 65 */; background-color: var(--wdtPrimaryColor); align-items: center; justify-content: center; border-radius: var(--wdtRadius_Full); -webkit-border-radius: var(--wdtRadius_Full); color: var(--wdtAccentTxtColor); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; position: relative; }
.wdt-button-holder.wdt-template-textual .wdt-button .wdt-button-icon span i { transform: scale(1) translateX(0); -webkit-transform: scale(1) translateX(0); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
.wdt-button-holder.wdt-template-textual .wdt-button .wdt-button-icon span::before { content: ''; width: clamp(1.5rem, 1.3rem + 1vw, 2.5rem) /* 40 - 24 */; height: 2px; background-color: currentColor; position: absolute; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transform: scaleX(0) translateX(-15px); }
.wdt-button-holder.wdt-template-textual .wdt-button .wdt-button-icon { margin-left: clamp(1.25rem, 1rem + 1.25vw, 2.5rem) /* 40 - 20 */; }
.wdt-button-holder.wdt-template-textual .wdt-button .wdt-button-icon::before { content: ''; width: clamp(4.375rem, 3.875rem + 2.5vw, 6.875rem) /* 110 - 70 */; height: 1px; background: currentColor; position: absolute; right: calc(100% + clamp(1.5625rem, 1.25rem + 1.5625vw, 3.125rem)) /* 50 - 25 */; top: 50%; transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; pointer-events: none; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }

.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(--wdtPrimaryColor);
    -webkit-box-shadow: none; box-shadow: none; }

.wdt-button-holder.wdt-template-textual .wdt-button:focus .wdt-button-icon::before,
.wdt-button-holder.wdt-template-textual .wdt-button:hover .wdt-button-icon::before { transform: translateX(100%); -webkit-transform: translateX(100%); opacity: 0; }
.wdt-button-holder.wdt-template-textual .wdt-button:hover .wdt-button-icon span i { transform: scale(0.8) translateX(clamp(0.625rem, 0.5625rem + 0.3125vw, 0.9375rem)/* 15 - 10 */); -webkit-transform: scale(0.8) translateX(clamp(0.625rem, 0.5625rem + 0.3125vw, 0.9375rem)/* 15 - 10 */); }
.wdt-button-holder.wdt-template-textual .wdt-button:hover .wdt-button-icon span::before { transform: scaleX(1) translateX(0px); }


/* Template - Icon-Highlighted */
.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; }


/* Template - Icon-Separated */
.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%); }


/* Hover Animations */
.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; }


/* Hover - Sweep */
.wdt-button-holder[class*="wdt-animation-sweep"], 
.wdt-button-holder[class*="wdt-animation-sweep"] .wdt-button { overflow: hidden; }

/* Hover - Sweep-to-Top */
.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; }

/* Hover - Sweep-to-Bottom */
.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; }

/* Hover - Sweep-to-Left */
.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; }

/* Hover - Sweep-to-Right */
.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; }


/* Hover - Bounce */
.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); }

/* Hover - Bounce-to-Top */
.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; }

/* Hover - Bounce-to-Bottom */
.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; }

/* Hover - Bounce-to-Left */
.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; }

/* Hover - Bounce-to-Right */
.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; }


/* Hover - Shutter-In-Horizontal */
.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); }

/* Hover - Shutter-Out-Horizontal */
.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); }

/* Hover - Shutter-In-Vertical */
.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); }

/* Hover - Shutter-Out-Vertical */
.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); }


/* Hover - Shutter-Cross */
.wdt-button-holder[class*="wdt-animation-shutter-cross"],
.wdt-button-holder[class*="wdt-animation-shutter-cross"] .wdt-button { overflow: hidden; }

/* Hover - Shutter-Cross-Forward-In */
.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; }

/* Hover - Shutter-Cross-Backward-In */
.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; }

/* Hover - Shutter-Cross-Forward-Out */
.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%; }

/* Hover - Shutter-Cross-Backward-Out */
.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%; }


/* Hover - Radial */
.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%); }

/* Hover - Radial-In */
.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; }

/* Hover - Radial-Out */
.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%; }


/* Hover - Ripple-In */
.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; }

/* Hover - Ripple-Out */
.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; }


/* Hover - Outline */
.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;
}

/* Hover - Outline-In */
.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; }


/* Hover - Outline-Out */
.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; }


/* Hover - Overline & Underline */
.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); }


/* Hover - UpDownLine */
.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; }

/* Hover - UpDownline-Left */
.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%; }

/* Hover - UpDownline-Right */
.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%; }

/* Hover - UpDownline-Middle */
.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%; }

/* Hover - UpDownline-Reveal */
.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; }


/* Hover - Line-Through */
.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%); }

/* Hover - Line-Through-Left */
.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%; }

/* Hover - Line-Through-Right */
.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%; }

/* Hover - Line-Through-Middle */
.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%; }

/* Hover - Line-Through-Reveal */
.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); }

/* New button Hover Style - textable */

.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%) }