/* Componentes compartilhados (Botão do Figma: pílula 56px, Prompt SemiBold 17/24). */
.botao{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:56px;padding:14px 24px;border:2px solid transparent;border-radius:var(--raio-pilula);font-family:var(--fonte);font-size:17px;font-weight:600;line-height:24px;text-align:center;text-decoration:none;cursor:pointer;transition:color 200ms ease-out,background-color 200ms ease-out,border-color 200ms ease-out,box-shadow 200ms ease-out}
.botao--principal{border-color:#E7C03F;background:linear-gradient(to top,#FFCD00,#F4DB90);color:var(--cinza-700)}
.botao--principal::before{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;background:linear-gradient(to top,#FCF0CD,#FEF7E2);opacity:0;pointer-events:none;transition:opacity 200ms ease-out}
.botao--principal:hover,.botao--principal:focus-visible{border-color:var(--estrela);box-shadow:0 0 20px rgb(0 0 0/10%)}
.botao--principal:hover::before,.botao--principal:focus-visible::before{opacity:1}
.botao--secundario{border-color:var(--tinta);background-color:transparent;color:var(--tinta)}
.botao--secundario:hover,.botao--secundario:focus-visible{background-color:var(--tinta);color:var(--branco)}