.eyebrow {
  margin: 0;
  color: var(--color-primary);
  font-family: var(--font-sans);
  font-size: clamp(0.82rem, 1.2vw, 0.95rem);
  font-weight: 800;
  letter-spacing: 0.045em;
  text-transform: uppercase;
}

.button {
  display: inline-flex;
  min-height: 3.35rem;
  align-items: center;
  justify-content: center;
  gap: 0.7rem;
  padding: 0.82rem 1.35rem;
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  font-family: var(--font-sans);
  font-size: clamp(0.82rem, 1vw, 0.92rem);
  font-weight: 800;
  letter-spacing: 0.01em;
  line-height: 1.1;
  text-align: center;
  text-transform: uppercase;
  transition: background-color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);
}

.button--primary {
  background: linear-gradient(110deg, var(--color-primary-deep), #0b73ff);
  color: var(--color-text);
}

.button--outline {
  border-color: #747474;
  background: transparent;
  color: var(--color-text);
}

.button:hover,
.button:focus-visible {
  transform: translateY(-2px);
}

.button--outline:hover,
.button--outline:focus-visible {
  border-color: var(--color-text);
  background: rgba(255, 255, 255, 0.06);
}

.arrow {
  font-family: Arial, sans-serif;
  font-size: 1.4em;
  font-weight: 400;
  transition: transform var(--transition-fast);
}

a:hover .arrow,
a:focus-visible .arrow {
  transform: translateX(0.25rem);
}

.whatsapp-icon {
  width: 1.25rem;
  height: 1.25rem;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.7;
}

.text-link {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  color: var(--color-primary);
  font-family: var(--font-sans);
  font-size: 0.75rem;
  font-weight: 800;
  text-transform: uppercase;
}