.wdt-button-holder { display: inline-flex; position: relative; -webkit-transition: var(--wdt-Ad-Transition); transition: var(--wdt-Ad-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-Ad-Transition); transition: var(--wdt-Ad-Transition); }

.wdt-button, .wdt-button-holder .wdt-button { background-color: var(--wdtSecondaryColor); color: var(--wdtAccentTxtColor); 
    justify-content: center; text-align: center; border-radius: var(--wdtRadius_Part); text-transform:uppercase; align-items:start; position: relative;  }
.wdt-dark-bg .wdt-button, .wdt-dark-bg .wdt-button-holder .wdt-button{
    background-color:var(--wdtAccentTxtColor); color:var(--wdtSecondaryColor);
}

/* .wdt-template-filled .wdt-button .wdt-button--animation{ position: absolute; display: block; width: 0; height: 0; border-radius: 50%; -webkit-transition: width .4s ease-in-out, height .4s ease-in-out;
     transition: width .4s ease-in-out, height .4s ease-in-out; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -1;
      background-color:var(--wdtPrimaryColor); } */

/* .wdt-template-filled .wdt-button:hover .wdt-button--animation{ width: 225%; height: 562.5px; }
.wdt-template-filled .wdt-button{overflow:hidden; border:none;} */


.wdt-button:focus, .wdt-button-holder .wdt-button:focus, .wdt-button:hover, .wdt-button-holder .wdt-button:hover { background-color: var(--wdtPrimaryColor); color: var(--wdt-elementor-color-white); }

.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-Ad-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_Ext); padding:var(--wdtPadding_MiniBtn); 
    font-family: var(--wdt-elementor-typo-text-font-family); font-weight:var(--wdtFontWeight_Ext); line-height:var(--wdtLineHeight_Ext);  }
.wdt-button-holder.wdt-button-size-nm .wdt-button { font-size: clamp(0.75rem, 0.7221rem + 0.1274vw, 0.875rem); /*14px-12px*/ padding: var(--wdtPadding_Btn); 
    font-family: var(--wdt-elementor-typo-text-font-family); font-weight:var(--wdtFontWeight_Ext); line-height:var(--wdtLineHeight_Ext); }
.wdt-button-holder.wdt-button-size-lg .wdt-button { font-size:var(--wdtFontSize_H6); padding:var(--wdtPadding_MaxiBtn); 
    font-family: var(--wdt-elementor-typo-text-font-family); font-weight:var(--wdtFontWeight_Ext); line-height:var(--wdtLineHeight_Ext); }


.wdt-button-holder.wdt-button-size-sm.wdt-button-icon-before .wdt-button{padding:var(--wdtPadding_MiniBtn_Icon);}
.wdt-button-holder.wdt-button-size-nm.wdt-button-icon-before .wdt-button{padding:var(--wdtPadding_Btn_Icon);}
.wdt-button-holder.wdt-button-size-lg.wdt-button-icon-before .wdt-button{padding:var(--wdtPadding_MaxiBtn_Icon);}

.wdt-button-holder.wdt-button-size-sm.wdt-button-icon-after .wdt-button{padding:var(--wdtPadding_MiniBtn_After_Icon);}
.wdt-button-holder.wdt-button-size-nm.wdt-button-icon-after .wdt-button{padding:var(--wdtPadding_Btn_After_Icon);}
.wdt-button-holder.wdt-button-size-lg.wdt-button-icon-after .wdt-button{padding:var(--wdtPadding_MaxiBtn_After_Icon);}






.wdt-button-holder .wdt-button .wdt-button-icon span{transition:var(--wdt-Ad-Transition);}
.wdt-button-holder:not(.wdt-template-textual) .wdt-button .wdt-button-icon span{
    width:clamp(1.375rem, 1.2078rem + 0.7643vw, 2.125rem)/*34px-22px*/ ; height:clamp(1.375rem, 1.2078rem + 0.7643vw, 2.125rem)/*34px-22px*/; background-color:var(--wdtAccentTxtColor); display:flex; align-items:center; justify-content:center; font-size:1em; color:var(--wdtHeadAltColor);
    border-radius:var(--wdtRadius_Full);
}
.wdt-dark-bg .wdt-button-holder .wdt-button .wdt-button-icon span{
    background-color:var(--wdtSecondaryColor); color:var(--wdtAccentTxtColor);
}
.wdt-dark-bg .wdt-button-holder .wdt-button:hover .wdt-button-icon span{
    background-color: var(--wdtAccentTxtColor); color:var(--wdtHeadAltColor);
} 

.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:clamp(0.75rem, 0.7221rem + 0.1274vw, 0.875rem); }
.wdt-button-holder.wdt-button-icon-after .wdt-button .wdt-button-icon { margin-left: clamp(0.75rem, 0.7221rem + 0.1274vw, 0.875rem); }


/* 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; background-color:transparent !important; border-color: var(--wdtSecondaryColor); border-width: 1px; color:var(--wdtSecondaryColor); }
.wdt-dark-bg .wdt-button-holder.wdt-template-bordered .wdt-button{border-color:var(--wdtAccentTxtColor); color:var(--wdtAccentTxtColor);}
.wdt-button-holder.wdt-template-bordered .wdt-button  .wdt-button-icon span{border:1px solid var(--wdtSecondaryColor); background-color:transparent;}
.wdt-dark-bg .wdt-button-holder.wdt-template-bordered .wdt-button  .wdt-button-icon span{border-color:var(--wdtAccentTxtColor); color:var(--wdtAccentTxtColor); background-color:transparent;}
.wdt-button-holder.wdt-template-bordered .wdt-button:focus  .wdt-button-icon span,
.wdt-button-holder.wdt-template-bordered .wdt-button:hover  .wdt-button-icon span{border-color:var(--wdtPrimaryColor); color:var(--wdtPrimaryColor);}


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



/* Template - Textual */
.wdt-button-holder.wdt-template-textual .wdt-button { background-color:transparent; border-width: 0; padding: 0; border-radius: var(--wdtRadius_Zero); position: relative; transition:var(--wdt-Ad-Transition); text-transform:capitalize; font-size: clamp(0.75rem, 0.6943rem + 0.2548vw, 1rem); }
.wdt-button-holder.wdt-template-textual .wdt-button span{ background-image: linear-gradient(90deg, currentColor 50%, currentColor 50%); background-position: left bottom; background-size: 100% 1px; 
    background-repeat: no-repeat; transition: background-size 0.3s ease-in-out; line-height: var(--wdtLineHeight_Base); background-color:transparent; }
.wdt-button-holder.wdt-template-textual .wdt-button ,.wdt-button-holder.wdt-template-textual .wdt-button span{display: inline;}
.wdt-button-holder.wdt-template-textual .wdt-button .wdt-button-text{ line-height: var(--wdtLineHeight_H5); }
.wdt-button-holder.wdt-template-textual .wdt-button:hover span{ background-size: 0 1px; background-position: right bottom; }

.wdt-button-holder.wdt-template-textual .wdt-button:not(:focus), 
.wdt-button-holder.wdt-template-textual .wdt-button:not(:hover) {  border-width: 0; color: var(--wdtPrimaryColor); }
.wdt-dark-bg .wdt-button-holder.wdt-template-textual .wdt-button:not(:focus), 
.wdt-dark-bg .wdt-button-holder.wdt-template-textual .wdt-button:not(:hover){color:var(--wdtAccentTxtColor);}

.wdt-button-holder.wdt-template-textual .wdt-button:focus, 
.wdt-button-holder.wdt-template-textual .wdt-button:hover {  border-width: 0; color: var(--wdtSecondaryColor);
    -webkit-box-shadow: none; box-shadow: none; }
.wdt-dark-bg .wdt-button-holder.wdt-template-textual .wdt-button:focus, 
.wdt-dark-bg .wdt-button-holder.wdt-template-textual .wdt-button:hover{color:var(--wdtPrimaryColor); background-color:transparent;}