/* =========================
   EYEBROW
========================= */

.section-eyebrow {
  margin: 0;
  color: var(--color-purple);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}


/* =========================
   BUTTON
========================= */

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  min-height: 52px;
  padding-inline: 22px;

  border-radius: 999px;

  font-weight: 700;
  text-decoration: none;
  transition:
  transform var(--transition),
  box-shadow var(--transition);
}

.button--lime {
  background: var(--color-lime);
  color: var(--color-dark);
  box-shadow: 0 12px 30px rgba(216, 255, 32, 0.10);
}
.button--lime:hover {
  box-shadow: 0 10px 45px rgba(216, 255, 32, 0.25);
  transform: translateY(-3px);
}