.elementor-1404 .elementor-element.elementor-element-0bed60c{--display:flex;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1404 .elementor-element.elementor-element-c69733f .elementor-button{background-color:#17AE19;font-family:"Inter", Sans-serif;font-size:21.62px;font-weight:700;text-transform:uppercase;line-height:21.6px;letter-spacing:-0.54px;fill:#FFFFFF;color:#FFFFFF;border-radius:900px 900px 900px 900px;padding:27.43px 38.43px 027.43px 38.43px;}.elementor-1404 .elementor-element.elementor-element-c69733f > .elementor-widget-container{margin:23.60px 0px 0px 0px;}@media(max-width:1024px){.elementor-1404 .elementor-element.elementor-element-c69733f > .elementor-widget-container{margin:700px 0px 0px 0px;}}@media(max-width:767px){.elementor-1404 .elementor-element.elementor-element-c69733f > .elementor-widget-container{margin:13px 0px 0px 0px;}.elementor-1404 .elementor-element.elementor-element-c69733f .elementor-button{font-size:16px;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for button, class: .elementor-element-c69733f */.derretex-btn, .derretex-btn .elementor-widget-container{ position: relative !important; overflow: visible !important; }

.derretex-btn .elementor-button{
  all: unset;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  user-select: none;
  line-height: 1;
  min-height: 77.65px;
  padding: 0 83.65px 0 38px !important;
  border-radius: 999px !important;
  background: url("https://belaxe.com.br/wp-content/uploads/2025/10/seta.svg") right 14px center / 57.65px 57.65px no-repeat, #17AE19 !important;
  color:#fff !important; /* letra branca */
  font-weight:800;
  font-size:15px;
  text-transform:uppercase;
  letter-spacing:.3px;
  white-space:nowrap;
  box-shadow: 0 4.8px 13.93px rgba(0,0,0,.25),
              0 10.81px 20.78px rgba(0,0,0,.25),
              0 0 183.76px rgba(23,174,25,.20) !important;
  z-index: 1;
}

.derretex-btn .elementor-button .elementor-button-text{ margin: 0 !important; padding: 0 !important; }

.derretex-btn .elementor-button::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  z-index:3;
  box-shadow:
    inset 0 -1.2px 2.88px rgba(0,0,0,.25),
    inset 0 1.2px 3.36px rgba(255,255,255,.25),
    inset 0 -3.6px 4.56px rgba(198,255,191,.37),
    inset 0 -4.8px 9.61px rgba(248,233,152,.61),
    inset 0 6.01px 23.9px rgba(248,233,152,.35),
    inset 0 -12.01px 23.9px rgba(248,233,152,.61);
}

.derretex-btn .elementor-button::after{
  content:"";
  position:absolute;
  inset:-9.61px;
  border-radius:999px;
  pointer-events:none;
  z-index:4;
  border:9.61px solid rgba(255,255,255,.10);
  box-shadow: inset 0 1.2px 3.36px rgba(255,255,255,.25);
}

.derretex-btn .elementor-button:hover{ transform: translateY(-1px); }
.derretex-btn .elementor-button:active{ transform: translateY(0); }

/* BORDA DE VIDRO (ANEL) + HIGHLIGHT + SOMBRAS EXTERNAS */
.derretex-btn .elementor-button::after{
  content:"";
  position:absolute;
  inset:-9.61px; /* espessura do vidro ao redor */
  border-radius:999px;
  pointer-events:none;
  z-index:4; /* acima das luzes internas */
  /* anel branco translúcido (10%) */
  border:9.61px solid rgba(255,255,255,.10);
  /* brilho do vidro + shadows do Figma aplicados na borda */
  box-shadow:
    inset 0 1.2px 3.36px rgba(255,255,255,.25), /* highlight do traçado */
    0 4.8px 13.93px rgba(0,0,0,.25), /* drop 1 */
    0 10.81px 20.78px rgba(0,0,0,.25); /* drop 2 */
}

/* Interações suaves */
.derretex-btn .elementor-button:hover{ transform: translateY(-1px); }
.derretex-btn .elementor-button:active{ transform: translateY(0); }

.derretex-btn .elementor-button::after{
  content:"";
  position:absolute;
  inset:-9.61px;
  border-radius:999px;
  pointer-events:none;
  z-index:4;
  border:9.61px solid rgba(255,255,255,.10);
  /* highlight + sombras externas + glow */
  box-shadow:
    inset 0 1.2px 3.36px rgba(255,255,255,.25), /* highlight do traçado */
    0 4.8px 13.93px rgba(0,0,0,.25), /* drop 1 */
    0 10.81px 20.78px rgba(0,0,0,.25), /* drop 2 */
    0 0 183.76px rgba(23,174,25,.20); /* glow verde */
}

/* Apenas mobile */
@media (max-width: 767px){
  .derretex-btn .elementor-button{
    /* libera a altura e aplica o padding pedido */
    min-height: 0 !important;
    padding: 16.6px 56.77px 16.6px 23.6px !important; 
    /*            ^ right = 14 (offset) + 35.4 (ícone) + 7.37 (gap) */

    /* ícone (seta) */
    background-size: 35.4px 35.4px !important;
    background-position: right 14px center !important;
  }

  /* garante que nada interno adicione altura extra */
  .derretex-btn .elementor-button .elementor-button-text{
    margin: 0 !important;
    padding: 0 !important;
  }
}/* End custom CSS */