.tw-btn-sell {
  @apply box-border content-stretch flex gap-2 h-9 items-center justify-center px-4 py-2 relative rounded-[16px] shrink-0 inline-flex bg-[var(--sitf-primary-blue)] text-white;
}

.tw-btn-buy {
  @apply box-border content-stretch flex gap-2 h-9 items-center justify-center px-4 py-2 relative rounded-[16px] shrink-0 inline-flex bg-[var(--sitf-4)] text-white;
}

.tw-btn-primary {
  @apply rounded-lg py-3 px-5 bg-[var(--sitf-primary-blue)] text-white block font-medium cursor-pointer hover:bg-blue-600 transition-colors
}

.tw-btn-primary-disabled {
    @apply rounded-lg py-3 px-5 bg-gray-300 text-white block font-medium cursor-not-allowed
}

.tw-btn-secondary {
  @apply rounded-md bg-[#BOEAE5] px-4 py-2 text-sm font-semibold text-white ring-1 ring-gray-300 ring-inset hover:bg-gray-50
}

.tw-btn-tertiary {
  @apply ml-2 rounded-lg py-3 px-5 bg-gray-100 inline-block font-medium
}

.tw-btn-danger {
  @apply rounded-lg py-3 ml-2 px-5 bg-red-100 text-red-500 inline-block font-medium hover:text-red-900
}

/* Font Awesome icon styles */
.fa-pencil, .fa-ban {
  font-size: 1.5rem;
  vertical-align: middle;
}

.fa-pencil {
  color: #3b82f6; /* Blue color for edit */
}

.fa-ban {
  color: #ef4444; /* Red color for cancel */
}