.elementor .ev4-btn-gold{font-family:Atyp;font-weight:600;font-size:0.9px;padding-block-start:16px;padding-block-end:16px;padding-inline-start:32px;padding-inline-end:32px;margin-block-start:15px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;}.elementor .lista-hover-efeito{/* ==================================================
 LISTA COM HOVER INDIVIDUAL
 Classe do Flexbox pai: lista-hover-efeito
================================================== */

.lista-hover-efeito {

  /* Duração da animação */
  --tempo-hover: 0.35s;

  /* Intensidade da movimentação */
  --movimento-hover: 0px;

  /* Arredondamento dos itens */
  --raio-borda: 4px;


  /* =========================
     ITEM 1
  ========================= */

  --item-1-fundo-normal: transparent;
  --item-1-fundo-hover: rgba(205, 183, 145, 0.10);

  --item-1-borda-normal: #b99a68;
  --item-1-borda-hover: #d8c3a0;

  --item-1-texto-normal: #ffffff;
  --item-1-texto-hover: #ffffff;


  /* =========================
     ITEM 2
  ========================= */

  --item-2-fundo-normal: transparent;
  --item-2-fundo-hover: rgba(205, 183, 145, 0.10);

  --item-2-borda-normal: #b99a68;
  --item-2-borda-hover: #d8c3a0;

  --item-2-texto-normal: #ffffff;
  --item-2-texto-hover: #ffffff;


  /* =========================
     ITEM 3
  ========================= */

  --item-3-fundo-normal: transparent;
  --item-3-fundo-hover: rgba(205, 183, 145, 0.10);

  --item-3-borda-normal: #b99a68;
  --item-3-borda-hover: #d8c3a0;

  --item-3-texto-normal: #ffffff;
  --item-3-texto-hover: #ffffff;
}


/* ==================================================
 CONFIGURAÇÃO GERAL DOS ITENS
================================================== */

.lista-hover-efeito > :is(.e-con, .elementor-element) {
  position: relative;
  overflow: hidden;

  border-width: 1px;
  border-style: solid;
  border-radius: var(--raio-borda);

  transition:
      background-color var(--tempo-hover) ease,
      border-color var(--tempo-hover) ease,
      color var(--tempo-hover) ease,
      transform var(--tempo-hover) ease,
      box-shadow var(--tempo-hover) ease;
}


/* ==================================================
 ITEM 1
================================================== */

.lista-hover-efeito > .item-1 {
  background-color: var(--item-1-fundo-normal);
  border-color: var(--item-1-borda-normal);
  color: var(--item-1-texto-normal);
}

.lista-hover-efeito > .item-1:hover {
  background-color: var(--item-1-fundo-hover);
  border-color: var(--item-1-borda-hover);
  color: var(--item-1-texto-hover);

  transform: translateY(var(--movimento-hover));

  box-shadow:
      0 8px 20px rgba(0, 0, 0, 0.15);
}


/* ==================================================
 ITEM 2
================================================== */

.lista-hover-efeito > .item-2 {
  background-color: var(--item-2-fundo-normal);
  border-color: var(--item-2-borda-normal);
  color: var(--item-2-texto-normal);
}

.lista-hover-efeito > .item-2:hover {
  background-color: var(--item-2-fundo-hover);
  border-color: var(--item-2-borda-hover);
  color: var(--item-2-texto-hover);

  transform: translateY(var(--movimento-hover));

  box-shadow:
      0 8px 20px rgba(0, 0, 0, 0.15);
}


/* ==================================================
 ITEM 3
================================================== */

.lista-hover-efeito > .item-3 {
  background-color: var(--item-3-fundo-normal);
  border-color: var(--item-3-borda-normal);
  color: var(--item-3-texto-normal);
}

.lista-hover-efeito > .item-3:hover {
  background-color: var(--item-3-fundo-hover);
  border-color: var(--item-3-borda-hover);
  color: var(--item-3-texto-hover);

  transform: translateY(var(--movimento-hover));

  box-shadow:
      0 8px 20px rgba(0, 0, 0, 0.15);
}


/* ==================================================
 ALTERA TEXTOS E ÍCONES INTERNOS
================================================== */

.lista-hover-efeito > .item-1 *,
.lista-hover-efeito > .item-2 *,
.lista-hover-efeito > .item-3 * {
  color: inherit;
  transition:
      color var(--tempo-hover) ease,
      fill var(--tempo-hover) ease;
}

.lista-hover-efeito > .item-1 svg,
.lista-hover-efeito > .item-2 svg,
.lista-hover-efeito > .item-3 svg {
  fill: currentColor;
}


/* ==================================================
 ACESSIBILIDADE
 Remove movimento para quem desativa animações
================================================== */

@media (prefers-reduced-motion: reduce) {

  .lista-hover-efeito > :is(.e-con, .elementor-element) {
      transition: none;
  }

  .lista-hover-efeito > :is(.e-con, .elementor-element):hover {
      transform: none;
  }
}\n}