.elementor-84508 .elementor-element.elementor-element-3f07d12{--display:flex;}/* Start custom CSS for button, class: .elementor-element-88858f3 *//* ===== Botão estilo Código Viral ===== */
/* Aplique a classe CSS "btn" no widget do botão (veja passos abaixo) */

.btn .elementor-button {
  background: radial-gradient(57.68% 100% at 47.82% 0%, #4144FF 0%, #380098 100%);
  box-shadow:
    0px -27px 80px 0px rgba(26, 56, 251, 0.22),
    0px -9.855px 29.201px 0px rgba(26, 56, 251, 0.15),
    0px -4.785px 14.177px 0px rgba(26, 56, 251, 0.12),
    0px -2.346px 6.95px 0px rgba(26, 56, 251, 0.10),
    0px -0.927px 2.748px 0px rgba(26, 56, 251, 0.07);
  color: #fff;
  border: none;
  border-radius: 12px;              /* ajuste se quiser mais/menos arredondado */
  padding: 14px 24px;               /* tamanho do “sm” com respiro confortável */
  line-height: 1;
  overflow: hidden;
  transform: translate(0, 0);
  transition: .5s all;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-decoration: none;
}

/* Hover: leve “lift”, brilho e um toque de clareamento */
.btn .elementor-button:hover {
  transform: translateY(-2px) scale(1.01);
  filter: brightness(1.05);
  box-shadow:
    0px -30px 90px 0px rgba(26, 56, 251, 0.28),
    0px -12px 36px 0px rgba(26, 56, 251, 0.18),
    0px -6px 18px 0px rgba(26, 56, 251, 0.14),
    0px -3px 9px 0px rgba(26, 56, 251, 0.12),
    0px -1px 3px 0px rgba(26, 56, 251, 0.09);
}

/* Focus (acessibilidade): anel de foco visível para teclado */
.btn .elementor-button:focus-visible {
  outline: 0;
  box-shadow:
    0 0 0 3px rgba(255,255,255,.7),
    0 0 0 6px rgba(26,56,251,.45),
    0px -27px 80px 0px rgba(26, 56, 251, 0.22),
    0px -9.855px 29.201px 0px rgba(26, 56, 251, 0.15),
    0px -4.785px 14.177px 0px rgba(26, 56, 251, 0.12),
    0px -2.346px 6.95px 0px rgba(26, 56, 251, 0.10),
    0px -0.927px 2.748px 0px rgba(26, 56, 251, 0.07);
}

/* Active: feedback de clique */
.btn .elementor-button:active {
  transform: translateY(0);         /* “volta” para dar sensação de clique */
  filter: brightness(0.98);
}

/* Opcional: suavizar o glow em telas pequenas para não “estourar” */
@media (max-width: 480px) {
  .btn .elementor-button {
    box-shadow:
      0px -18px 50px 0px rgba(26, 56, 251, 0.18),
      0px -7px 22px 0px rgba(26, 56, 251, 0.13),
      0px -3.5px 11px 0px rgba(26, 56, 251, 0.10),
      0px -1.5px 5px 0px rgba(26, 56, 251, 0.08);
    padding: 12px 20px;
    border-radius: 10px;
  }
}/* End custom CSS */