.elementor-kit-5{--e-global-color-primary:#B5916F;--e-global-color-secondary:#F9F9F9;--e-global-color-text:#FFFFFF80;--e-global-color-accent:#B5916F;--e-global-color-94156d1:#B5916F;--e-global-color-cacf40a:#1C1C1C;--e-global-typography-primary-font-family:"Barlow Condensed";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Gilda Display";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Barlow";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Barlow Condensed";--e-global-typography-accent-font-weight:500;background-color:#222222;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{color:var( --e-global-color-primary );}.elementor-kit-5 a:hover{color:var( --e-global-color-primary );}.elementor-kit-5 input:not([type="button"]):not([type="submit"]),.elementor-kit-5 textarea,.elementor-kit-5 .elementor-field-textual{border-style:solid;border-width:0px 0px 1px 0px;border-color:#FFFFFF1A;}.elementor-kit-5 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-5 textarea:focus,.elementor-kit-5 .elementor-field-textual:focus{color:#FFFFFF;border-style:solid;border-width:0px 0px 1px 0px;border-color:#A4B4AA;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Ajuste o .elementor-kit-5 para o seu botão: 
   - se colar no CSS do widget mantenha '.elementor-kit-5' 
   - se for global substitua por .elementor-button ou .meu-botao */
.botao-efeito {
  position: relative;
  overflow: hidden;
  z-index: 1;
  background: transparent;
  color: var(--e-global-color-primary);
  transition: color 0.25s ease;
  direction: ltr;
}

/* camada de preenchimento (estado inicial fora à esquerda) */
.botao-efeito::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: #FFF;
  will-change: transform;
  pointer-events: none;
}

/* keyframes */
@keyframes slide-in {
  from { transform: translateX(-100%); }
  to   { transform: translateX(0); }
}

@keyframes slide-out {
  from { transform: translateX(0); }
  to   { transform: translateX(100%); }
}

/* somente depois que o JS adicionar .js-ready no body aplicamos as animações
   isso evita que a animação slide-out rode no carregamento */
.js-ready .botao-efeito:hover::before {
  animation: slide-in 580ms cubic-bezier(.2,.9,.2,1) forwards;
}

.js-ready .botao-efeito:not(:hover)::before {
  /* animação de saída: continua da esquerda para a direita */
  animation: slide-out 500ms cubic-bezier(.2,.9,.2,1) forwards;
}

/* texto fica branco enquanto o ::before está sobre o botão (hover) */
.js-ready .elementor-kit-5:hover {
  color: #ffffff;
}
.notranslate::before,
.notranslate::after {
    content: " ";
}/* End custom CSS */