/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
.btn.btn-solid-primary {
  border-color: var(--color-primary, #287dc2);
  background-color: var(--color-primary, #287dc2);
  color: var(--color-white, #fff);
  &:hover {
    @media (hover: hover) {
      border-color: color-mix(in srgb, #287dc2 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-primary, #287dc2) 80%, transparent);
      }
    }
  }
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, #287dc2 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-primary, #287dc2) 80%, transparent);
      }
    }
  }
}
.btn.btn-solid-secondary {
  border-color: var(--color-secondary, #6bb104);
  background-color: var(--color-secondary, #6bb104);
  color: var(--color-gray-800, var(--color-neutral-800));
  &:hover {
    @media (hover: hover) {
      border-color: color-mix(in srgb, #6bb104 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-secondary, #6bb104) 80%, transparent);
      }
    }
  }
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, #6bb104 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-secondary, #6bb104) 80%, transparent);
      }
    }
  }
}
.btn.btn-outline-primary {
  border-color: var(--color-primary, #287dc2);
  color: var(--color-primary, #287dc2);
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, #287dc2 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-primary, #287dc2) 80%, transparent);
      }
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-white, #fff);
    }
  }
}
.btn.btn-outline-secondary {
  border-color: var(--color-gray-200, var(--color-neutral-200));
  color: var(--color-gray-800, var(--color-neutral-800));
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-gray-200, var(--color-neutral-200));
    }
  }
}
.btn.btn-link-primary {
  color: var(--color-primary, #287dc2);
  &:hover {
    @media (hover: hover) {
      color: color-mix(in srgb, #287dc2 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-primary, #287dc2) 80%, transparent);
      }
    }
  }
}
.btn.btn-link-secondary {
  color: var(--color-gray-800, var(--color-neutral-800));
  &:hover {
    @media (hover: hover) {
      color: color-mix(in srgb, #287dc2 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-primary, #287dc2) 80%, transparent);
      }
    }
  }
}