/* =====================================================
   TAKO Button Inline Text Fix — Keep "BUY NOW" side-by-side
   ===================================================== */

.btn,
.join__button,
.header__button,
.cta,
a.button {
  white-space: nowrap; /* Prevent line breaks in text */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 1.75rem;
  line-height: 1;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  height: auto;
  border-radius: 1.75rem;
  border: .25rem solid #000;
  color: #fff;
  background: radial-gradient(120% 120% at 20% 20%, #8b5cf6 0%, #6d28d9 50%, #4c1d95 100%);
  box-shadow: 0 .45rem 0 0 #000, 0 0 35px rgba(168, 85, 247, .45);
  -webkit-text-stroke: .06em #000;
  transition: all .12s ease;
}

/* Keep text inline and perfectly centered */
.btn span,
.join__button span,
.header__button span,
.cta span,
a.button span {
  display: inline-block;
  line-height: 1;
  margin: 0;
}

/* Hover & click animations */
.btn:hover,
.join__button:hover,
.header__button:hover,
.cta:hover,
a.button:hover {
  transform: translateY(-3px) rotate(-.5deg);
  box-shadow: 0 .6rem 0 0 #000, 0 0 55px rgba(139, 92, 246, .7);
}

.btn:active,
.join__button:active,
.header__button:active,
.cta:active,
a.button:active {
  transform: translateY(0) scale(.98);
}