.wdt-creative-button-wrapper { 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-creative-button-wrapper .wdt-button { justify-content: center; text-align: center; border: none; text-transform: capitalize;
    background-color: var(--wdtSecondaryColor); color: var(--wdtAccentTxtColor); }

/* .wdt-button:focus, .wdt-creative-button-wrapper .wdt-button:focus,
.wdt-button:hover, .wdt-creative-button-wrapper .wdt-button:hover { background-color: transparent; color: var(--wdt-elementor-color-white); } */

.wdt-creative-button-wrapper .wdt-button > div { -webkit-transition: var(--wdt-Ad-Transition); transition: var(--wdt-Ad-Transition); }
.wdt-creative-button-wrapper .wdt-button .wdt-label-wrapper, 
.wdt-creative-button-wrapper .wdt-button .wdt-icon-wrapper { vertical-align: top; position: relative; }

.wdt-creative-button-wrapper .wdt-button .wdt-label-wrapper { display: inline-grid; align-content: center; z-index: 2; position: relative; }
.wdt-creative-button-wrapper .wdt-button .wdt-icon-wrapper { display: inline-flex; line-height: 0; z-index: 2; }
/* .wdt-button .wdt-button-icon span { display: inherit; align-items: center; position: relative; } */

.wdt-creative-button-wrapper.xsmall .wdt-button { font-size: 11px; padding: 0.8em 1.4em; }
.wdt-creative-button-wrapper.small .wdt-button { font-size: 14px; padding: 0.8em 1.5em;  }
.wdt-creative-button-wrapper.medium .wdt-button { font-size: var(--wdtButton_size, 0.9rem); padding: var(--wdtPadding_Btn, 0.8em 1.75em); }
.wdt-creative-button-wrapper.large .wdt-button { font-size: 1rem; padding: 0.9em 2em; }
.wdt-creative-button-wrapper.xlarge .wdt-button { font-size: 20px; padding: 1em 2.25em; }

.wdt-btn-primary .wdt-creative-button-wrapper.medium .wdt-button { background: var(--wdtPrimaryColor);}

.elementor-align-justify .wdt-creative-button-wrapper, 
.elementor-align-justify .wdt-creative-button-wrapper .wdt-button { width: 100%; }

.wdt-creative-button-wrapper .wdt-button .wdt-icon-wrapper { margin-right: 8px; margin-left: 0px; }
.wdt-creative-button-wrapper .wdt-button .wdt-label-wrapper ~ .wdt-icon-wrapper { margin-left: 8px; margin-right: 0px; }


/* Styles */


/*Creative Button - Text Move Animation*/

.wdt-creative-button-wrapper.wdt-creative-button-effect-text-move a.wdt-button { margin: 0; border: none;
    display: inline-flex; min-height: 1px; text-transform: uppercase; overflow: hidden; position: relative; }

.wdt-creative-button-wrapper.wdt-creative-button-effect-text-move a.wdt-button .wdt-label-wrapper > span:after { 
    content: attr(data-text); display: inline-block; position: absolute; white-space: nowrap; top: 50%; opacity: 0; left: 50%; 
    transform: translate(-50%, 100%); transition: opacity .5s,transform .8s; transition-timing-function: cubic-bezier(.15,.85,.31,1); }
.wdt-creative-button-wrapper.wdt-creative-button-effect-text-move a.wdt-button:hover  .wdt-label-wrapper > span:after { 
    transform: translate(-50%,150%); opacity: 1; }

.wdt-creative-button-wrapper.wdt-creative-button-effect-text-move a.wdt-button .wdt-label-wrapper { 
    transform: translateY(0%); opacity: 1; transition: opacity .65s,transform .85s; transition-timing-function: cubic-bezier(.15,.85,.31,1); }
.wdt-creative-button-wrapper.wdt-creative-button-effect-text-move a.wdt-button:hover .wdt-label-wrapper { transform: translateY(-200%); }