/* Add your own CSS styles there */

/* Target ANY element with this class (links and buttons) */

.secondary-pill-button {
  background-color: rgb(254, 203, 23) !important;
  border-color: rgb(254, 203, 23) !important;
}

/* Optional: Hover effect for both */

.secondary-pill-button:hover {
  background-color: rgb(230, 180, 20) !important;
  border-color: rgb(230, 180, 20) !important;
}

#connect-wallet-to-view-history {
  background-color: rgb(254, 203, 23) !important;
  border-color: rgb(254, 203, 23) !important;
}

#title-bar {
  background-color: rgb(254, 203, 23) !important;
  border-color: rgb(254, 203, 23) !important;
}

/* Target the specific div containing the answer text */

[role="region"].accordion-content .text-sm\/5 {
  font-weight: 400 !important;
}

/* Fallback: target any div directly inside the accordion content area */

.accordion-content > div {
  font-weight: 400 !important;
}