.botao {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  padding: 14px 28px;
  border-radius: var(--raio-botao);
  border: 1px solid transparent;
  font-size: 0.98rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  transition:
    transform var(--transicao-padrao),
    box-shadow var(--transicao-padrao),
    background-color var(--transicao-padrao),
    border-color var(--transicao-padrao),
    color var(--transicao-padrao);
  cursor: pointer;
}

.botao:hover {
  transform: translateY(-2px);
}

.botao--primario {
  background: linear-gradient(180deg, #ff7a1f 0%, var(--cor-destaque) 100%);
  color: #fff;
  box-shadow: var(--sombra-botao);
}

.botao--primario:hover {
  background: linear-gradient(180deg, #ff6f10 0%, var(--cor-destaque-hover) 100%);
}

.botao--primario{
  position:relative;
  overflow:hidden;
}

.botao--primario::before{
  content:"";
  position:absolute;
  top:0;
  left:-120%;
  width:120%;
  height:100%;
  background:linear-gradient(
      120deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,.35) 40%,
      rgba(255,255,255,0) 80%);
  animation:botaoShine 6s infinite;
}

@keyframes botaoShine{
  0%{ left:-120%; }
  60%{ left:120%; }
  100%{ left:120%; }
}