/* Reset button styles to look like text */
.ghost-button {
  background: transparent;
  border: 1px solid transparent;
  color: #3b82f6; /* A subtle blue to indicate interactivity */
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9em;
  padding: 2px 6px;
  border-radius: 4px;
  transition: all 0.2s ease;
}

/* Add a subtle background on hover to show it's clickable */
.ghost-button:hover {
  background-color: rgba(59, 130, 246, 0.1);
  border-color: #3b82f6;
}

.swap-icon {
  font-size: 0.8em;
  margin-left: 2px;
  opacity: 0.6;
}