/* ===== Buttons ===== */

.btn-primary {
  @apply inline-flex items-center justify-center font-semibold rounded-full transition-all duration-300 cursor-pointer;
  @apply bg-gold text-black;
  @apply hover:bg-gold-light hover:shadow-[0_0_30px_rgba(201,169,110,0.35)];
  @apply dark:bg-gold dark:text-black;
  @apply dark:hover:bg-gold-light dark:hover:shadow-[0_0_30px_rgba(201,169,110,0.35)];
}

/* ===== Scrollbar ===== */

.modal-content {
  scrollbar-color: rgb(163 163 163) transparent;
}

.modal-content * {
  scrollbar-color: rgb(163 163 163) transparent;
}

@variant dark {
  .modal-content {
    scrollbar-color: rgb(64 64 64) transparent;
  }

  .modal-content * {
    scrollbar-color: rgb(64 64 64) transparent;
  }
}