.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 { 
    background-color: var(--wdt-elementor-color-accent); color: var(--wdt-elementor-color-white); justify-content: center; text-align: center; }

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

.wdt-creative-button-wrapper .wdt-button .wdt-label-wrapper, 
.wdt-creative-button-wrapper .wdt-button .wdt-icon-wrapper { vertical-align: top; }

.wdt-creative-button-wrapper .wdt-button .wdt-label-wrapper { display: inline-grid; align-content: center; }
.wdt-creative-button-wrapper .wdt-button .wdt-icon-wrapper { 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-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: 0.9rem; padding: 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; }

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