/* stylelint-enable */
.pf-c-button {
  --pf-c-button--PaddingTop: var(--pf-global--spacer--form-element);
  --pf-c-button--PaddingRight: var(--pf-global--spacer--md);
  --pf-c-button--PaddingBottom: var(--pf-global--spacer--form-element);
  --pf-c-button--PaddingLeft: var(--pf-global--spacer--md);
  --pf-c-button--LineHeight: var(--pf-global--LineHeight--md);
  --pf-c-button--FontWeight: var(--pf-global--FontWeight--semi-bold);
  --pf-c-button--FontSize: var(--pf-global--FontSize--md);
  --pf-c-button--BorderRadius: var(--pf-global--BorderRadius--sm);
  --pf-c-button--BorderColor: transparent;
  --pf-c-button--BorderWidth: var(--pf-global--BorderWidth--sm);
  --pf-c-button--hover--BorderWidth: var(--pf-global--BorderWidth--md);
  --pf-c-button--focus--BorderWidth: var(--pf-global--BorderWidth--md);
  --pf-c-button--active--BorderWidth: var(--pf-global--BorderWidth--md);
  --pf-c-button--disabled--Color: var(--pf-global--disabled-color--100);
  --pf-c-button--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
  --pf-c-button--disabled--BorderColor: transparent;
  --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--100);
  --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
  --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
  --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
  --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
  --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
  --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
  --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
  --pf-c-button--m-secondary--BackgroundColor: transparent;
  --pf-c-button--m-secondary--BorderColor: var(--pf-global--primary-color--100);
  --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
  --pf-c-button--m-secondary--hover--BackgroundColor: transparent;
  --pf-c-button--m-secondary--hover--BorderColor: var(--pf-global--primary-color--100);
  --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
  --pf-c-button--m-secondary--focus--BackgroundColor: transparent;
  --pf-c-button--m-secondary--focus--BorderColor: var(--pf-global--primary-color--100);
  --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
  --pf-c-button--m-secondary--active--BackgroundColor: transparent;
  --pf-c-button--m-secondary--active--BorderColor: var(--pf-global--primary-color--100);
  --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
  --pf-c-button--m-tertiary--BackgroundColor: transparent;
  --pf-c-button--m-tertiary--BorderColor: var(--pf-global--secondary-color--100);
  --pf-c-button--m-tertiary--Color: var(--pf-global--Color--100);
  --pf-c-button--m-tertiary--hover--BackgroundColor: transparent;
  --pf-c-button--m-tertiary--hover--BorderColor: var(--pf-global--secondary-color--100);
  --pf-c-button--m-tertiary--hover--Color: var(--pf-global--Color--100);
  --pf-c-button--m-tertiary--focus--BackgroundColor: transparent;
  --pf-c-button--m-tertiary--focus--BorderColor: var(--pf-global--secondary-color--100);
  --pf-c-button--m-tertiary--focus--Color: var(--pf-global--Color--100);
  --pf-c-button--m-tertiary--active--BackgroundColor: transparent;
  --pf-c-button--m-tertiary--active--BorderColor: var(--pf-global--secondary-color--100);
  --pf-c-button--m-tertiary--active--Color: var(--pf-global--Color--100);
  --pf-c-button--m-danger--BackgroundColor: var(--pf-global--danger-color--100);
  --pf-c-button--m-danger--Color: var(--pf-global--Color--light-100);
  --pf-c-button--m-danger--hover--BackgroundColor: var(--pf-global--danger-color--200);
  --pf-c-button--m-danger--hover--Color: var(--pf-global--Color--light-100);
  --pf-c-button--m-danger--focus--BackgroundColor: var(--pf-global--danger-color--200);
  --pf-c-button--m-danger--focus--Color: var(--pf-global--Color--light-100);
  --pf-c-button--m-danger--active--BackgroundColor: var(--pf-global--danger-color--200);
  --pf-c-button--m-danger--active--Color: var(--pf-global--Color--light-100);
  --pf-c-button--m-link--Color: var(--pf-global--link--Color);
  --pf-c-button--m-link--hover--Color: var(--pf-global--link--Color--hover);
  --pf-c-button--m-link--focus--Color: var(--pf-global--link--Color--hover);
  --pf-c-button--m-link--active--Color: var(--pf-global--link--Color--hover);
  --pf-c-button--m-link--disabled--BackgroundColor: transparent;
  --pf-c-button--m-plain--Color: var(--pf-global--Color--200);
  --pf-c-button--m-plain--hover--Color: var(--pf-global--Color--100);
  --pf-c-button--m-plain--focus--Color: var(--pf-global--Color--100);
  --pf-c-button--m-plain--active--Color: var(--pf-global--Color--100);
  --pf-c-button--m-plain--disabled--Color: var(--pf-global--disabled-color--200);
  --pf-c-button--m-plain--disabled--BackgroundColor: transparent;
  --pf-c-button__icon--MarginRight: var(--pf-global--spacer--xs);
  position: relative;
  display: inline-block;
  padding: var(--pf-c-button--PaddingTop) var(--pf-c-button--PaddingRight) var(--pf-c-button--PaddingBottom) var(--pf-c-button--PaddingLeft);
  font-size: var(--pf-c-button--FontSize);
  font-weight: var(--pf-c-button--FontWeight);
  line-height: var(--pf-c-button--LineHeight);
  text-align: center;
  white-space: nowrap;
  user-select: none;
  border: 0;
  border-radius: var(--pf-c-button--BorderRadius); }
  .pf-c-button::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    border: var(--pf-c-button--BorderWidth) solid var(--pf-c-button--BorderColor);
    border-radius: var(--pf-c-button--BorderRadius); }
  .pf-c-button:hover, .pf-c-button.pf-m-hover {
    text-decoration: none; }
    .pf-c-button:hover::after, .pf-c-button.pf-m-hover::after {
      border-width: var(--pf-c-button--hover--BorderWidth); }
  .pf-c-button:active::after, .pf-c-button.pf-m-active::after {
    border-width: var(--pf-c-button--active--BorderWidth); }
  .pf-c-button:focus::after, .pf-c-button.pf-m-focus::after {
    border-width: var(--pf-c-button--focus--BorderWidth); }
  .pf-c-button.pf-m-block {
    display: block;
    width: 100%; }
  .pf-c-button.pf-m-primary {
    color: var(--pf-c-button--m-primary--Color);
    background-color: var(--pf-c-button--m-primary--BackgroundColor); }
    .pf-c-button.pf-m-primary:hover, .pf-c-button.pf-m-primary.pf-m-hover {
      color: var(--pf-c-button--m-primary--hover--Color);
      background-color: var(--pf-c-button--m-primary--hover--BackgroundColor); }
    .pf-c-button.pf-m-primary:active, .pf-c-button.pf-m-primary.pf-m-active {
      color: var(--pf-c-button--m-primary--active--Color);
      background-color: var(--pf-c-button--m-primary--active--BackgroundColor); }
    .pf-c-button.pf-m-primary:focus, .pf-c-button.pf-m-primary.pf-m-focus {
      color: var(--pf-c-button--m-primary--focus--Color);
      background-color: var(--pf-c-button--m-primary--focus--BackgroundColor); }
  .pf-c-button.pf-m-secondary {
    color: var(--pf-c-button--m-secondary--Color);
    background-color: var(--pf-c-button--m-secondary--BackgroundColor); }
    .pf-c-button.pf-m-secondary::after {
      border-color: var(--pf-c-button--m-secondary--BorderColor); }
    .pf-c-button.pf-m-secondary:hover, .pf-c-button.pf-m-secondary.pf-m-hover {
      color: var(--pf-c-button--m-secondary--hover--Color);
      background-color: var(--pf-c-button--m-secondary--hover--BackgroundColor); }
      .pf-c-button.pf-m-secondary:hover::after, .pf-c-button.pf-m-secondary.pf-m-hover::after {
        border-color: var(--pf-c-button--m-secondary--hover--BorderColor); }
    .pf-c-button.pf-m-secondary:active, .pf-c-button.pf-m-secondary.pf-m-active {
      color: var(--pf-c-button--m-secondary--active--Color);
      background-color: var(--pf-c-button--m-secondary--active--BackgroundColor); }
      .pf-c-button.pf-m-secondary:active::after, .pf-c-button.pf-m-secondary.pf-m-active::after {
        border-color: var(--pf-c-button--m-secondary--active--BorderColor); }
    .pf-c-button.pf-m-secondary:focus, .pf-c-button.pf-m-secondary.pf-m-focus {
      color: var(--pf-c-button--m-secondary--focus--Color);
      background-color: var(--pf-c-button--m-secondary--focus--BackgroundColor); }
      .pf-c-button.pf-m-secondary:focus::after, .pf-c-button.pf-m-secondary.pf-m-focus::after {
        border-color: var(--pf-c-button--m-secondary--focus--BorderColor); }
  .pf-c-button.pf-m-tertiary {
    color: var(--pf-c-button--m-tertiary--Color);
    background-color: var(--pf-c-button--m-tertiary--BackgroundColor); }
    .pf-c-button.pf-m-tertiary::after {
      border-color: var(--pf-c-button--m-tertiary--BorderColor); }
    .pf-c-button.pf-m-tertiary:hover, .pf-c-button.pf-m-tertiary.pf-m-hover {
      color: var(--pf-c-button--m-tertiary--hover--Color);
      background-color: var(--pf-c-button--m-tertiary--hover--BackgroundColor); }
      .pf-c-button.pf-m-tertiary:hover::after, .pf-c-button.pf-m-tertiary.pf-m-hover::after {
        border-color: var(--pf-c-button--m-tertiary--hover--BorderColor); }
    .pf-c-button.pf-m-tertiary:active, .pf-c-button.pf-m-tertiary.pf-m-active {
      color: var(--pf-c-button--m-tertiary--active--Color);
      background-color: var(--pf-c-button--m-tertiary--active--BackgroundColor); }
      .pf-c-button.pf-m-tertiary:active::after, .pf-c-button.pf-m-tertiary.pf-m-active::after {
        border-color: var(--pf-c-button--m-tertiary--active--BorderColor); }
    .pf-c-button.pf-m-tertiary:focus, .pf-c-button.pf-m-tertiary.pf-m-focus {
      color: var(--pf-c-button--m-tertiary--focus--Color);
      background-color: var(--pf-c-button--m-tertiary--focus--BackgroundColor); }
      .pf-c-button.pf-m-tertiary:focus::after, .pf-c-button.pf-m-tertiary.pf-m-focus::after {
        border-color: var(--pf-c-button--m-tertiary--focus--BorderColor); }
  .pf-c-button.pf-m-danger {
    color: var(--pf-c-button--m-danger--Color);
    background-color: var(--pf-c-button--m-danger--BackgroundColor); }
    .pf-c-button.pf-m-danger:hover, .pf-c-button.pf-m-danger.pf-m-hover {
      color: var(--pf-c-button--m-danger--hover--Color);
      background-color: var(--pf-c-button--m-danger--hover--BackgroundColor); }
    .pf-c-button.pf-m-danger:active, .pf-c-button.pf-m-danger.pf-m-active {
      color: var(--pf-c-button--m-danger--active--Color);
      background-color: var(--pf-c-button--m-danger--active--BackgroundColor); }
    .pf-c-button.pf-m-danger:focus, .pf-c-button.pf-m-danger.pf-m-focus {
      color: var(--pf-c-button--m-danger--focus--Color);
      background-color: var(--pf-c-button--m-danger--focus--BackgroundColor); }
  .pf-c-button.pf-m-link {
    color: var(--pf-c-button--m-link--Color); }
    .pf-c-button.pf-m-link:hover, .pf-c-button.pf-m-link.pf-m-hover {
      color: var(--pf-c-button--m-link--hover--Color); }
    .pf-c-button.pf-m-link:active, .pf-c-button.pf-m-link.pf-m-active {
      color: var(--pf-c-button--m-link--active--Color); }
    .pf-c-button.pf-m-link:focus, .pf-c-button.pf-m-link.pf-m-focus {
      color: var(--pf-c-button--m-link--focus--Color); }
    .pf-c-button.pf-m-link:disabled, .pf-c-button.pf-m-link.pf-m-disabled {
      background-color: var(--pf-c-button--m-link--disabled--BackgroundColor); }
  .pf-c-button.pf-m-plain {
    color: var(--pf-c-button--m-plain--Color); }
    .pf-c-button.pf-m-plain:hover, .pf-c-button.pf-m-plain.pf-m-hover {
      color: var(--pf-c-button--m-plain--hover--Color); }
    .pf-c-button.pf-m-plain:active, .pf-c-button.pf-m-plain.pf-m-active {
      color: var(--pf-c-button--m-plain--active--Color); }
    .pf-c-button.pf-m-plain:focus, .pf-c-button.pf-m-plain.pf-m-focus {
      color: var(--pf-c-button--m-plain--focus--Color); }
    .pf-c-button.pf-m-plain:disabled, .pf-c-button.pf-m-plain.pf-m-disabled {
      color: var(--pf-c-button--m-plain--disabled--Color);
      background-color: var(--pf-c-button--m-plain--disabled--BackgroundColor); }
  .pf-c-button:disabled, .pf-c-button.pf-m-disabled {
    color: var(--pf-c-button--disabled--Color);
    pointer-events: none;
    background-color: var(--pf-c-button--disabled--BackgroundColor); }
    .pf-c-button:disabled::after, .pf-c-button.pf-m-disabled::after {
      border-color: var(--pf-c-button--disabled--BorderColor); }

.pf-c-button__icon {
  margin-right: var(--pf-c-button__icon--MarginRight); }
