/* Estilos comuns (editor + front) */
.fa-btn {
    display: block;
    margin: 10px 0;
    width: 100%;
}
.fa-btn--clickable .fa-btn__label{
  display:inline-flex;
  align-items:center;
  gap:.75rem;
  text-decoration:none;
  background:#178fa2;       /* ajuste para seu tema */
  color:#fff;
  padding:.85rem 1.4rem;
  border-radius:999px;       /* pill */
  font-weight:600;
  line-height:1;
  box-shadow:0 1px 0 rgba(0,0,0,.05), inset 0 -2px 0 rgba(0,0,0,.08);
  transition:transform .02s ease-in, filter .15s ease-in;
  margin-left: 10px;
}
.fa-btn--clickable .fa-arrow-up-right-from-square {
  display: none;
}
.fa-btn i{
  font-size:1.25rem;
  width:1.25rem;
  text-align:center;
  color: #2C4855;
}
.fa-btn:hover{ filter:brightness(1.05); }
.fa-btn:active{ transform:translateY(1px); }

/* Preview no editor (apenas para diferenciar) */
.__is-preview{ cursor:default; }


/* Variante estática (não clicável) */
button.fa-btn.fa-btn--static {
    width: 90%;
    display: flex;
    border: 1px solid #707070;
    border-radius: 10px;
    padding: 10px 16px;
}
.fa-btn--static .fa-btn__label {
  color: #285367;      /* cor do texto mais apagada */
  box-shadow: none;
  filter: none;
  margin-left: 10px;
  text-align: left;
}

.fa-btn--static i {
  color: #285367; /* ícone mais neutro */
}

/* Evita efeitos de hover/active no estático */
.fa-btn--static:hover .fa-btn__label,
.fa-btn--static:active .fa-btn__label {
  filter: none;
  transform: none;
}



/* SOMENTE MATERNIDADE */

.page-id-147 button.fa-btn.fa-btn--static {
    background: none;
    border: none;
}