.flex { display: flex; }
.items-center { align-items: center; }
.justify-between { justify-content: space-between; }
.justify-center { justify-content: center; }
.flex-col { flex-direction: column; }
.font-bold { font-weight: bold; }
.text-center { text-align: center; }
.my-1 { margin: 12px 0; }
.my-2 { margin: 24px 0; }
.px-2 { padding: 0 12px; }

.btn {
  padding: 10px 18px;
  border: 2px solid #FFD700;
  border-radius: 6px;
  cursor: pointer;
  color: #000;
  background: #FFD700;
  font-weight: bold;
  transition: 0.3s;
}
.btn:hover { background: #000; color: #FFD700; }