/*
 * Siemens Inner Source License v1.5
 *
 * SPDX-FileCopyrightText: 2026 Siemens AG
 * SPDX-License-Identifier: LicenseRef-SISL-1.5
 */
/*
* Siemens Inner Source License v1.5
*
* SPDX-FileCopyrightText: 2026 Siemens AG
* SPDX-License-Identifier: LicenseRef-SISL-1.5
*/
/*
* Siemens Inner Source License v1.5
*
* SPDX-FileCopyrightText: 2026 Siemens AG
* SPDX-License-Identifier: LicenseRef-SISL-1.5
*/
/*
* Siemens Inner Source License v1.5
*
* SPDX-FileCopyrightText: 2026 Siemens AG
* SPDX-License-Identifier: LicenseRef-SISL-1.5
*/
*,
*::after,
*::before {
  box-sizing: border-box;
}

.button {
  --iris-action-content-color: var(--iris-action-content-1);
  align-items: center;
  border: none;
  border-radius: 0;
  color: var(--iris-action-content-1);
  cursor: pointer;
  display: inline-flex;
  gap: var(--iris-gap-small);
  justify-content: center;
  padding: 0 var(--iris-pad-x-large);
  text-decoration: none;
  font-family: var(--iris-sans-body-medium-sbold-font-family);
  font-size: var(--iris-sans-body-medium-sbold-font-size);
  font-weight: var(--iris-sans-body-medium-sbold-font-weight);
  letter-spacing: var(--iris-sans-body-medium-sbold-letter-spacing);
  line-height: var(--iris-sans-body-medium-sbold-line-height);
}
.button:focus-visible {
  box-shadow: inset 0 0 0 var(--iris-border-width-small) var(--iris-ui-focus);
}

.icon-wrap {
  align-items: center;
  display: inline-flex;
  flex-shrink: 0;
  height: var(--iris-height-20);
  justify-content: center;
  width: var(--iris-width-20);
}

.primary {
  --iris-action-content-color: var(--iris-action-content-1);
  background: var(--iris-action-fill-1);
  color: var(--iris-action-content-1);
}
.primary:not(:disabled):hover {
  background: var(--iris-action-fill-1-hover);
}
.primary:not(:disabled):active {
  background: var(--iris-action-fill-1-active);
}
.primary:not([aria-disabled=true]):hover {
  background: var(--iris-action-fill-1-hover);
}
.primary:not([aria-disabled=true]):active {
  background: var(--iris-action-fill-1-active);
}
.primary:disabled {
  --iris-action-content-color: var(--iris-action-content-disabled);
  background: var(--iris-action-fill-disabled);
  color: var(--iris-action-content-disabled);
  cursor: not-allowed;
}

.ghost {
  --iris-action-content-color: var(--iris-action-content-3);
  background: var(--iris-action-fill-2);
  border: var(--iris-border-width-small) solid var(--iris-action-border-1);
  color: var(--iris-action-content-3);
}
.ghost:not(:disabled):hover {
  background: var(--iris-action-fill-2-hover);
}
.ghost:not(:disabled):active {
  background: var(--iris-action-fill-2-active);
}
.ghost:not([aria-disabled=true]):hover {
  background: var(--iris-action-fill-2-hover);
}
.ghost:not([aria-disabled=true]):active {
  background: var(--iris-action-fill-2-active);
}
.ghost:disabled {
  --iris-action-content-color: var(--iris-action-content-disabled);
  background: var(--iris-action-fill-disabled);
  border: var(--iris-border-width-small) solid var(--iris-action-border-disabled);
  color: var(--iris-action-content-disabled);
  cursor: not-allowed;
}

.text {
  --iris-action-content-color: var(--iris-action-content-2);
  background: var(--iris-action-fill-2);
  color: var(--iris-action-content-2);
}
.text:not(:disabled):hover {
  --iris-action-content-color: var(--iris-action-content-2-hover);
  background: var(--iris-action-fill-2-hover);
  color: var(--iris-action-content-2-hover);
}
.text:not(:disabled):active {
  --iris-action-content-color: var(--iris-action-content-2-active);
  background: var(--iris-action-fill-2-active);
  color: var(--iris-action-content-2-active);
}
.text:not([aria-disabled=true]):hover {
  --iris-action-content-color: var(--iris-action-content-2-hover);
  background: var(--iris-action-fill-2-hover);
  color: var(--iris-action-content-2-hover);
}
.text:not([aria-disabled=true]):active {
  --iris-action-content-color: var(--iris-action-content-2-active);
  background: var(--iris-action-fill-2-active);
  color: var(--iris-action-content-2-active);
}
.text:disabled {
  --iris-action-content-color: var(--iris-action-content-disabled);
  background: var(--iris-action-fill-disabled);
  color: var(--iris-action-content-disabled);
  cursor: not-allowed;
}

.danger-filled {
  --iris-action-content-color: var(--iris-constant-white);
  background: var(--iris-action-fill-danger);
  color: var(--iris-constant-white);
}
.danger-filled:not(:disabled):hover {
  background: var(--iris-action-fill-danger-hover);
}
.danger-filled:not(:disabled):active {
  background: var(--iris-action-fill-danger-active);
}
.danger-filled:not([aria-disabled=true]):hover {
  background: var(--iris-action-fill-danger-hover);
}
.danger-filled:not([aria-disabled=true]):active {
  background: var(--iris-action-fill-danger-active);
}
.danger-filled:disabled {
  --iris-action-content-color: var(--iris-action-content-disabled);
  background: var(--iris-action-fill-disabled);
  color: var(--iris-action-content-disabled);
  cursor: not-allowed;
}

.danger-text {
  --iris-action-content-color: var(--iris-action-content-danger);
  background: var(--iris-action-fill-2);
  color: var(--iris-action-content-danger);
}
.danger-text:not(:disabled):hover {
  background: var(--iris-action-fill-2-hover);
}
.danger-text:not(:disabled):active {
  background: var(--iris-action-fill-2-active);
}
.danger-text:not([aria-disabled=true]):hover {
  background: var(--iris-action-fill-2-hover);
}
.danger-text:not([aria-disabled=true]):active {
  background: var(--iris-action-fill-2-active);
}
.danger-text:disabled {
  --iris-action-content-color: var(--iris-action-content-disabled);
  background: var(--iris-action-fill-disabled);
  color: var(--iris-action-content-disabled);
  cursor: not-allowed;
}

.button[aria-disabled=true] {
  --iris-action-content-color: var(--iris-action-content-disabled);
  background: var(--iris-action-fill-disabled);
  color: var(--iris-action-content-disabled);
  cursor: not-allowed;
  pointer-events: none;
}

.ghost[aria-disabled=true] {
  border: var(--iris-border-width-small) solid var(--iris-action-border-disabled);
}

.large {
  height: var(--iris-height-56);
  padding: 0 var(--iris-pad-xxx-large);
}
.large .icon-wrap {
  height: var(--iris-height-24);
  width: var(--iris-width-24);
}

.medium {
  height: var(--iris-height-40);
  padding: 0 var(--iris-pad-x-large);
}

.small {
  height: var(--iris-height-32);
  padding: 0 var(--iris-pad-x-large);
  font-family: var(--iris-sans-body-small-sbold-font-family);
  font-size: var(--iris-sans-body-small-sbold-font-size);
  font-weight: var(--iris-sans-body-small-sbold-font-weight);
  letter-spacing: var(--iris-sans-body-small-sbold-letter-spacing);
  line-height: var(--iris-sans-body-small-sbold-line-height);
}
.small .icon-wrap {
  height: var(--iris-height-16);
  width: var(--iris-width-16);
}

.icon-leading {
  flex-direction: row;
  gap: var(--iris-gap-small);
}

.icon-trailing {
  flex-direction: row-reverse;
  gap: var(--iris-gap-small);
}