/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 24 2025 | 13:35:47 */
/* =========================
   ÁREA (pai) DOS BOTÕES
   ========================= */
.area_dos_botoes_whatsapp_e_resultados_online{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 22px;
  /*padding: 14px 18px;*/
}

/* =========================
   BASE (AMBOS OS BOTÕES)
   - com bordas “forçadas” (override)
   ========================= */
.area_dos_botoes_whatsapp_e_resultados_online .botoes_whatsapp_e_resultados_online{
  /* mesmo tamanho */
  width: 360px;
  height: 54px;
	
	margin-bottom: 20px !important;
	
  display: inline-flex;
  align-items: center;
  justify-content: center;     /* ícone + texto alinhados à esquerda */
  /*gap: 12px;*/

  /* tipografia */
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  color: #fff !important;
  text-decoration: none !important;
  text-wrap: nowrap;
	flex-direction: row-reverse;

  /* espaçamento */
  padding: 0 15px !important;

  /* cantos (menor) */
  border-radius: 6px !important;

  /* BORDAS (override de CSS externo) */
  border-style: solid !important;
  border-width: 1px !important;
  border-color: rgba(255,255,255,0.14) !important;

  /* se algum CSS externo estiver usando outline */
  outline: none !important;

  /* remove “bordas”/efeitos padrões de botão */
  background-clip: padding-box;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  /* profundidade */
  box-shadow:
    0 10px 18px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.14) !important;

  cursor: pointer;
  user-select: none;

  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease, border-color .18s ease;
  will-change: transform;
}

.area_dos_botoes_whatsapp_e_resultados_online .botoes_whatsapp_e_resultados_online .btIco {
	font-size: 1.3em;
}

/* ÍCONES dentro dos botões */
.area_dos_botoes_whatsapp_e_resultados_online .botoes_whatsapp_e_resultados_online svg,
.area_dos_botoes_whatsapp_e_resultados_online .botoes_whatsapp_e_resultados_online i{
  width: 18px !important;
  height: 18px !important;
  font-size: 18px !important;
  flex: 0 0 18px;
  opacity: 0.95;
}

/* (Opcional) se o texto estiver dentro de span/p, ele ocupa o restante */
.area_dos_botoes_whatsapp_e_resultados_online .botoes_whatsapp_e_resultados_online span,
.area_dos_botoes_whatsapp_e_resultados_online .botoes_whatsapp_e_resultados_online p{
  margin: 0 !important;
  /*flex: 1;*/

}

/* =========================
   CORES (CADA BOTÃO)
   ========================= */
.area_dos_botoes_whatsapp_e_resultados_online .botoes_whatsapp_e_resultados_online.botao_whatsapp{
  background: linear-gradient(180deg, #2fb34a 0%, #1f8f36 100%) !important;
}

.area_dos_botoes_whatsapp_e_resultados_online .botoes_whatsapp_e_resultados_online.botao_resultados_online{
  background: linear-gradient(180deg, #2b4c8f 0%, #1e3566 100%) !important;
}

/* =========================
   HOVER / ACTIVE (efeitos)
   ========================= */
.area_dos_botoes_whatsapp_e_resultados_online .botoes_whatsapp_e_resultados_online:hover{
  transform: translateY(-1px);
  filter: brightness(1.07);
  border-color: rgba(255,255,255,0.28) !important;
  box-shadow:
    0 14px 22px rgba(0,0,0,0.45),
    inset 0 1px 0 rgba(255,255,255,0.18) !important;
}

.area_dos_botoes_whatsapp_e_resultados_online .botoes_whatsapp_e_resultados_online:active{
  transform: translateY(0);
  filter: brightness(0.98);
  border-color: rgba(255,255,255,0.22) !important;
}

/* =========================
   FOCO (acessibilidade)
   ========================= */
.area_dos_botoes_whatsapp_e_resultados_online .botoes_whatsapp_e_resultados_online:focus-visible{
  outline: 3px solid rgba(255,255,255,0.35) !important;
  outline-offset: 3px;
}

/* =========================
   RESPONSIVO
   ========================= */
@media (max-width: 820px){
  .area_dos_botoes_whatsapp_e_resultados_online{
    flex-direction: column;
    gap: 12px;
  }

  .area_dos_botoes_whatsapp_e_resultados_online .botoes_whatsapp_e_resultados_online{
    /*width: min(420px, 100%);*/
	width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}