/* Botões da página SMS Short Code */

.sms-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 36px;
  background: var(--sms-background-btn);
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  border-radius: 14px;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: var(--sms-box-shadow-btn);
  border: none;
}

.sms-btn-primary:hover {
  background: var(--sms-background-btn-hover);
  color: #000000;
  box-shadow: var(--sms-box-shadow-btn-hover);
}

.sms-cta-button {
  display: inline-flex;
  align-items: center;
  gap: var(--sms-cta-button-gap);
  background: var(--sms-background-btn);
  color: #fff;
  font-weight: 700;
  font-size: var(--sms-cta-button-font-size);
  padding: var(--sms-cta-button-padding);
  border-radius: var(--sms-cta-button-border-radius);
  box-shadow: var(--sms-box-shadow-btn);
  text-decoration: none;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
}

.sms-cta-button:hover {
  background: var(--sms-background-btn-hover);
  color: #000000;
  box-shadow: var(--sms-box-shadow-btn);
  transform: translateY(-2px);
}

.sms-cta-button svg {
  transition: transform 0.3s ease;
}

.sms-cta-button:hover svg {
  transform: translateX(8px);
}

.sms-cta-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
  align-items: center;
}

/* Botão principal de topo desta página (header) – mesma proporção do botao-voz */
#header a.botao-sms {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  top: 10px;
  padding: 0 13px;
  min-height: 42px;
  background: var(--sms-background-btn);
  color: #fff;
  font-size: 0.9375rem;
  font-weight: 700;
  border-radius: 12px;
  box-shadow: var(--sms-box-shadow-btn);
  text-decoration: none;
  border: none;
}

#header a.botao-sms:hover {
  background: var(--sms-background-btn-hover);
  color: #000000;
  box-shadow: var(--sms-box-shadow-btn-hover);
}