/*BTN MODULAR*/
.button-hover-icon {
  position: relative;
  display: inline-block;
  /*background-color: #e3980a;*/
  background: transparent linear-gradient(258deg, #3AAF55 0%, #1F8837 100%) 0% 0% no-repeat padding-box;
  color: #fff;
  padding: 0.625rem 1.5rem;
  border: none;
  border-radius: 0.375rem; 
  font-family: "Poppins", "sans-serif";
  font-weight: 600;
  font-size: 0.875rem;
  font-family: "Poppins", "sans-serif";
  text-transform:uppercase;
  cursor: pointer;
  overflow: hidden;
  /*transition: background 0.3s ease;*/
  text-align: center;
  
}

.button-hover-icon .text {
  display: inline-block;
  position: relative;
  color: #ffffff;
  transition: transform 0.3s ease;
}

.button-hover-icon:hover .text {
  transform: translateX(-8px);
}

.button-hover-icon .icon {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%) translateX(16px);
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
  pointer-events: none;
}

.button-hover-icon:hover .icon {
  transform: translateY(-50%) translateX(6px);
  opacity: 1;
}

/*FIM BTN MODULAR*/

/*BTN LOGIN PLATAFORMA MENU*/

.btn-animado-duplo {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.625rem 1.5rem;
  background-color: #0073aa;
  color: #fff;
  overflow: hidden;
  min-width: 170px;
  border-radius: 0.375rem; 
  font-family: "Poppins", "sans-serif";
  font-weight: 600;
  font-size: 0.875rem;
  text-transform: uppercase;
  text-decoration: none;
}

.btn-animado-duplo .texto {
  transform: translateX(9px);
  transition: transform 0.3s ease;
}

/* Ícones */
.btn-animado-duplo .icone-esquerda,
.btn-animado-duplo .icone-direita {
  position: absolute;
  top: 50%;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%);
  transition: all 0.3s ease;
  pointer-events: none;
}

.btn-animado-duplo .icone-esquerda {
  left: 10px;
  opacity: 1;
  transform: translateY(-50%) translateX(0);
}

.btn-animado-duplo .icone-direita {
  right: 16px;
  opacity: 0;
  transform: translateY(-50%) translateX(16px);
}

/* Efeito Hover */
.btn-animado-duplo:hover .icone-esquerda {
  opacity: 0;
  transform: translateY(-50%) translateX(-10px);
}

.btn-animado-duplo:hover .icone-direita {
  opacity: 1;
  transform: translateY(-50%) translateX(6px);
}

.btn-animado-duplo:hover .texto {
  transform: translateX(-10px);
  color:#ffffff;
}
/*FIM BTN LOGIN PLATAFORMA MENU*/




/*BTN HTML*/
.btn-html{
    width: 164px;
    height: 43px;
    border-radius: 6px;
    position: relative;
    background: transparent linear-gradient(258deg, #3AAF55 0%, #1F8837 100%) 0% 0% no-repeat padding-box;
    color: white;
    font-size: 14px;
    line-height:21px;
    font-weight: 600;
    text-transform:uppercase;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    transition: 0.3s ease;
}

.btn-html-text{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition: .3s ease;
    color: white;
}

.btn-html-icone{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0%, -45%);
    opacity: 0;
    transition: .3s ease;
    color: white;
}


.btn-html:hover .btn-html-text{
    transform: translate(-57%, -50%);
}

.btn-html:hover .btn-html-icone{
    transform: translate(-12px, -45%);
    opacity: 1;
}



/*BTN LINGING PLATAFORMA*/

.btn-login{
    width:185px;
    background: #E3980A;
}
.login-btn-text{
    transform: translate(-45%, -50%);
}


.btn-login-person{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(12px, -45%);
    opacity: 1;
    transition: .3s ease;
    color: white;
}

.btn-login:hover .btn-login-person{
    transform: translate(0, -45%);
    opacity: 0;
}

/*BTN SAIBA MAIS*/

.btn-saiba-mais{
    width: 128px;
}

.btn-html:hover .btn-saiba-mais-icone{
    transform: translate(-9px, -45%);
    opacity: 1;
}

/*BTN VEJA COMO FAZEMOS*/

.btn-veja-como{
    width: 200px;
}

.btn-html:hover .btn-veja-como-icone{
    transform: translate(-12px, -45%);
    opacity: 1;
}

/*BTN ACESSE A CALCULADORA*/

.btn-acesse{
    width: 220px;
}

.btn-html:hover .btn-acesse-icone{
    transform: translate(-12px, -45%);
    opacity: 1;
}

/*BTN SEJA PARCEIRO*/

.seja-parceiro-text{
    font-size:0.75rem;
}

/*BTN NOSSAS SOLUÇÕES*/

.btn-nossas-solucoes{
    width: 256px;
}

/*BG Color*/
.bg-green{background: #00AF55;}
.bg-green-dark{background: #058744;}

.bg-blue{background: #218DD0;}
.bg-blue-dark{background: #1B628E;}

.bg-orange{background: #E3980A;}
.bg-orange-dark{background: #B1770B;}

.bg-roxo{background: #821ED6;}
.bg-roxo-dark{background: #61169F;}
/*FIM BG Color*/

/*BG COLOR BTN BODY*/
.bg-primary{background:#00AF55}
.btn-body-green{background: #00AF55;}
.btn-body-green-dark{background: #058744;}

.btn-body-blue{background: #218DD0;}
.btn-body-blue-dark{background: #1B628E;}

.btn-body-orange{background: #E3980A;}
.btn-body-orange-dark{background: #B1770B;}

.btn-body-roxo{background: #821ED6;}
.btn-body-roxo-dark{background: #61169F;}

/*BTN ELEMENTOR*/

.elementor-element.btn-primary .elementor-button{
    width: 128px;
    /*width:fit-content;*/
    padding:0 1.5rem;
    height: 40px;
    border-radius: 6px;
    position: relative;
}

.elementor-element.btn-primary .elementor-button .elementor-button-icon{
position: absolute;
top: 50%;
left: 50%;
transform: translate(190%, -50%);
opacity: 0;
transition: .3s ease;
}

.elementor-element.btn-primary .elementor-button .elementor-button-text{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
transition: .3s ease;
}

.elementor-element.btn-primary .elementor-button:hover .elementor-button-text{
    transform: translate(-55%, -50%);
}
.elementor-element.btn-primary .elementor-button:hover .elementor-button-icon{
    transform: translate(260%, -50%);
    opacity: 1;
}


/*MID-BTN*/

.elementor-element.mid-btn .elementor-button{
    width: 224px;
}

.elementor-element.mid-btn .elementor-button .elementor-button-icon{
transform: translate(450%, -50%);
}

.elementor-element.mid-btn .elementor-button:hover .elementor-button-text{
    transform: translate(-55%, -50%);
}
.elementor-element.mid-btn .elementor-button:hover .elementor-button-icon{
    transform: translate(520%, -50%);
    opacity: 1;
}


/*DEMO-BTN*/

.elementor-element.demo-btn .elementor-button{
    width: 164px;
}

.elementor-element.demo-btn .elementor-button .elementor-button-icon{
transform: translate(340%, -50%);
  
}

.elementor-element.demo-btn .elementor-button:hover .elementor-button-text{
    transform: translate(-55%, -50%);
}
.elementor-element.demo-btn .elementor-button:hover .elementor-button-icon{
    transform: translate(375%, -50%);
    opacity: 1;
}