@charset "utf-8";

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

.ods-a-button-react__withIcon { min-height: var(--space-height-button); min-width: var(--space-width-button); }

.ods-a-button-react__label { color: var(--color-button-primaryFont); text-box: cap alphabetic; }

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

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

.ods-a-button-react__hover.ods-a-button-react__secondary .ods-a-button-react__label, .ods-a-button-react__secondary:hover .ods-a-button-react__label { color: var(--color-button-secondaryFontHover); }

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

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

.ods-a-button-react__secondary .ods-a-button-react__label, .ods-a-button-react__icononly .ods-a-button-react__label { color: var(--color-button-secondaryFont); }

.ods-a-button-react__inactive, .ods-a-button-react__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-react__inactive .ods-a-button-react__label, .ods-a-button-react__inactive:hover .ods-a-button-react__label { color: var(--color-button-secondaryFontInactive); }

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

.ods-a-button-react__divider { width: 1px; height: 12px; background: var(--color-button-secondaryOutline); margin: 0 var(--space-padding-S); display: inline-block; }

.ods-a-button-xs-react { display: flex; height: 24px; padding: 3px var(--space-padding-M); justify-content: center; align-items: center; gap: var(--space-padding-S); border-radius: 100px; border: 1px solid var(--color-button-secondaryOutline); background: var(--color-button-secondaryBg); box-sizing: content-box; }

.ods-a-button-xs-react__label { display: flex; align-items: flex-start; font-family: var(--font-family2); font-size: var(--font-button-XS-size); font-style: normal; font-weight: var(--font-weight-normal); line-height: var(--font-button-XS-lineHeight); }