@charset "utf-8";

.ods-a-button { display: flex; justify-content: center; align-items: center; border-radius: var(--space-radius-button); text-decoration: none; cursor: pointer; }

.ods-a-button__label { color: var(--color-button-primaryFont); }

.ods-a-button__hover.ods-a-button__primary, .ods-a-button__primary:hover { background: var(--color-button-primaryBgHover); }

.ods-a-button__hover.ods-a-button__secondary, .ods-a-button__secondary:hover { background: var(--color-button-secondaryBgHover); }

.ods-a-button__hover.ods-a-button__secondary .ods-a-button__label, .ods-a-button__hover.ods-a-button__secondary .ods-a-button__icon, .ods-a-button__secondary:hover .ods-a-button__label, .ods-a-button__secondary:hover .ods-a-button__icon { color: var(--color-button-secondaryFontHover); }

.ods-a-button__primary { border: 1px solid var(--color-button-primaryBg); background: var(--color-button-primaryBg); color: var(--color-button-primaryFont); }

.ods-a-button__secondary, .ods-a-button__icononly { border: 1px solid var(--color-button-secondaryOutline); background: var(--color-button-secondaryBg); color: var(--color-button-secondaryFont); }

.ods-a-button__secondary .ods-a-button__label, .ods-a-button__icononly .ods-a-button__label { color: var(--color-button-secondaryFont); }

.ods-a-button__ai { border: 1px solid var(--color-czatai-bg-purple); background: var(--color-czatai-bg-purple); color: var(--color-neutral-white); }

.ods-a-button__ai .ods-a-button__label { color: var(--color-neutral-white); }

.ods-a-button__inactive, .ods-a-button__inactive:hover { pointer-events: none; border: 1px solid var(--color-button-secondaryOutline); background: var(--color-button-secondaryBgInactive); color: var(--color-button-secondaryFontInactive); }

.ods-a-button__inactive .ods-a-button__label, .ods-a-button__inactive .ods-a-button__icon, .ods-a-button__inactive:hover .ods-a-button__label, .ods-a-button__inactive:hover .ods-a-button__icon { color: var(--color-button-secondaryFontInactive); }

.ods-a-button--hidden, .ods-a-button--ios { display: none; }

.ods-a-button--full-width { width: 100%; box-sizing: border-box; }

.ods-body-mobile .ods-a-button--full-width { width: calc(100% - 2 * var(--space-layout-mobile-sideMargin)); margin-left: auto; margin-right: auto; }