/* [project]/packages/ui/dist/components/atoms/Button/Button.css [app-client] (css) */
._9c2946dc104d9efb_btn {
  font-family: var(--font-body);
  font-weight: var(--weight-heading);
  letter-spacing: var(--letter-spacing-body);
  border-radius: var(--radius-button);
  cursor: pointer;
  z-index: 1;
  white-space: nowrap;
  border: 1px solid #0000;
  justify-content: center;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  transition: background-color .12s, color .12s, border-color .12s;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

._9c2946dc104d9efb_btn:focus-visible, ._9c2946dc104d9efb_btn[data-focus-visible] {
  outline: 2px solid var(--focus-ring);
  outline-offset: 2px;
}

._9c2946dc104d9efb_btn:disabled:not([data-loading="true"]), ._9c2946dc104d9efb_btn[data-disabled="true"]:not([data-loading="true"]) {
  opacity: .4;
  cursor: not-allowed;
}

.da65036e30cee2b9_sm {
  font-size: var(--font-size-sm);
  box-sizing: border-box;
  height: 32px;
  padding: 0 16px;
}

._00cffff97321e294_md {
  font-size: var(--font-size-sm);
  box-sizing: border-box;
  height: 40px;
  padding: 0 20px;
}

.c2d6f09454fd9b72_lg {
  font-size: var(--font-size-body);
  box-sizing: border-box;
  height: 48px;
  padding: 0 24px;
}

.a4ca80b1285a1836_primary {
  background: var(--color-action);
  color: var(--color-surface);
  --loading-fill: #ffffff40;
}

._9edcdca2e4eb43dd_accent {
  background: var(--color-accent);
  color: var(--color-surface);
  --loading-fill: #ffffff40;
}

.a4ca80b1285a1836_primary:after, ._9edcdca2e4eb43dd_accent:after {
  content: "";
  opacity: 0;
  pointer-events: none;
  background: #ffffff1f;
  transition: opacity .4s;
  position: absolute;
  inset: 0;
}

.a4ca80b1285a1836_primary:hover:not(:disabled):not([data-disabled="true"]):after, .a4ca80b1285a1836_primary[data-hovered]:not([data-disabled="true"]):after, ._9edcdca2e4eb43dd_accent:hover:not(:disabled):not([data-disabled="true"]):after, ._9edcdca2e4eb43dd_accent[data-hovered]:not([data-disabled="true"]):after {
  opacity: 1;
}

._9815b1f667f417a4_secondary {
  background: var(--color-surface);
  color: var(--color-action);
  border-color: var(--color-action);
  --loading-fill: var(--color-border);
}

._34618635b690d905_outline {
  color: var(--color-action);
  border-color: var(--color-border);
  --loading-fill: #0000000d;
  background: none;
}

._20ff371c662e5539_grey {
  background: var(--color-grey-bg);
  color: var(--color-text-default);
  border-color: var(--color-grey-border);
  --loading-fill: #0000001a;
}

._6905ed720679ed09_transparent {
  color: inherit;
  --loading-fill: #0000000d;
  background: none;
  border-color: #0000;
}

._096d9a9431f4ead0_full {
  width: 100%;
}

._0c97d797a1720845_uppercase {
  text-transform: uppercase;
}

._64e51dfb924a78fd_square {
  background: var(--color-surface);
  color: var(--color-text);
  border-color: var(--color-border);
  text-transform: none;
  font-weight: var(--weight-body);
  --loading-fill: var(--color-border);
  border-radius: 8px;
}

._64e51dfb924a78fd_square:hover:not(:disabled):not([aria-disabled="true"]):not([data-disabled="true"]), ._64e51dfb924a78fd_square[data-hovered]:not([data-disabled="true"]) {
  border-color: var(--color-action);
}

._64e51dfb924a78fd_square:disabled:not([data-loading="true"]), ._64e51dfb924a78fd_square[aria-disabled="true"]:not([data-loading="true"]), ._64e51dfb924a78fd_square[data-disabled="true"]:not([data-loading="true"]) {
  background: var(--color-disabled-bg);
  border-color: var(--color-disabled-bg);
  color: var(--color-disabled-text);
  cursor: not-allowed;
  opacity: 1;
  text-decoration: line-through;
}

/*# sourceMappingURL=packages_ui_dist_components_atoms_Button_Button_0y6qbz7.css.map*/