/*! tailwindcss v4.1.3 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-border-style: solid;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-duration: initial;
    }
  }
}

.btn.svelte-qiib92 {
  width: max-content;
  max-width: var(--container-2xs, 18rem);
  cursor: pointer;
  gap: var(--spacing-2, .5rem);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-black, #000);
  background-color: var(--color-black, #000);
  padding-inline: var(--spacing-3, .75rem);
  padding-block: var(--spacing-2, .5rem);
  font-family: var(--font-clash, "Clash Grotesk", sans-serif);
  font-size: var(--text-button, clamp(1.25rem, 1vw + .5rem, 1.5rem));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  --tw-tracking: var(--tracking-wide, .025em);
  letter-spacing: var(--tracking-wide, .025em);
  color: var(--color-white, #fff);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .3s;
  transition-duration: .3s;
  display: flex;
}

@media (hover: hover) {
  .btn.svelte-qiib92:hover {
    background-color: var(--color-white, #fff);
    color: var(--color-black, #000);
  }
}

.btn.svelte-qiib92:disabled {
  cursor: not-allowed;
  opacity: .6;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}