.anvil2{@layer starter, reset, base, state, application;._button-compound_de23z_1 {
  --a2-mod-button-compound-border-radius: var(--a2-border-radius-none, var(--a2-radius-0, 0rem));
  --a2-mod-button-background-color: transparent;
  --a2-mod-button-background-color-active: var(--a2-button-secondary-background-color-active, var(--a2-background-color-secondary-active, light-dark(rgba(4, 4, 4, 0.1607843137), rgba(255, 255, 255, 0.1607843137))));
  --a2-mod-button-background-color-hover: var(--a2-button-secondary-background-color-hover, var(--a2-background-color-secondary-hover, light-dark(rgba(4, 4, 4, 0.0784313725), rgba(255, 255, 255, 0.1215686275))));
  --a2-mod-button-border-color: transparent;
  --a2-mod-button-border-radius: var(--a2-mod-button-compound-border-radius);
  --a2-mod-button-focus-ring-color: var(--a2-button-secondary-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
  --a2-mod-button-min-width: auto;
  --a2-mod-button-padding-block-end: 0;
  --a2-mod-button-padding-block-start: 0;
  --a2-mod-button-padding-inline-end: 0;
  --a2-mod-button-padding-inline-start: 0;
}._button-compound_de23z_1[data-interactive=hover], ._button-compound_de23z_1:hover {
  z-index: 1;
}._button-compound_de23z_1[data-interactive=active], ._button-compound_de23z_1:active {
  z-index: 1;
}._shape-rounded_de23z_22 {
  --a2-mod-button-compound-border-radius: var(--a2-border-radius-large, var(--a2-radius-4, 0.75rem));
}._shape-pill_de23z_26 {
  --a2-mod-button-compound-border-radius: var(--a2-border-radius-xlarge, var(--a2-radius-8, 1.5rem));
}._shape-circular_de23z_30 {
  --a2-mod-button-compound-border-radius: var(--a2-border-radius-circular, 100%);
}
}